styles.css 133 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617
  1. @charset "UTF-8";
  2. /*popsu*/
  3. /*foundation*/
  4. /**
  5. * Foundation for Sites
  6. * Version 6.6.3
  7. * https://get.foundation
  8. * Licensed under MIT Open Source
  9. */
  10. /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  11. html {
  12. line-height: 1.15;
  13. -webkit-text-size-adjust: 100%; }
  14. body {
  15. margin: 0; }
  16. h1 {
  17. font-size: 2em;
  18. margin: 0.67em 0; }
  19. hr {
  20. box-sizing: content-box;
  21. height: 0;
  22. overflow: visible; }
  23. pre {
  24. font-family: monospace, monospace;
  25. font-size: 1em; }
  26. a {
  27. background-color: transparent; }
  28. abbr[title] {
  29. border-bottom: none;
  30. text-decoration: underline;
  31. text-decoration: underline dotted; }
  32. b,
  33. strong {
  34. font-weight: bolder; }
  35. code,
  36. kbd,
  37. samp {
  38. font-family: monospace, monospace;
  39. font-size: 1em; }
  40. small {
  41. font-size: 80%; }
  42. sub,
  43. sup {
  44. font-size: 75%;
  45. line-height: 0;
  46. position: relative;
  47. vertical-align: baseline; }
  48. sub {
  49. bottom: -0.25em; }
  50. sup {
  51. top: -0.5em; }
  52. img {
  53. border-style: none; }
  54. button,
  55. input,
  56. optgroup,
  57. select,
  58. textarea {
  59. font-family: inherit;
  60. font-size: 100%;
  61. line-height: 1.15;
  62. margin: 0; }
  63. button,
  64. input {
  65. overflow: visible; }
  66. button,
  67. select {
  68. text-transform: none; }
  69. button,
  70. [type="button"],
  71. [type="reset"],
  72. [type="submit"] {
  73. -webkit-appearance: button; }
  74. button::-moz-focus-inner,
  75. [type="button"]::-moz-focus-inner,
  76. [type="reset"]::-moz-focus-inner,
  77. [type="submit"]::-moz-focus-inner {
  78. border-style: none;
  79. padding: 0; }
  80. button:-moz-focusring,
  81. [type="button"]:-moz-focusring,
  82. [type="reset"]:-moz-focusring,
  83. [type="submit"]:-moz-focusring {
  84. outline: 1px dotted ButtonText; }
  85. fieldset {
  86. padding: 0.35em 0.75em 0.625em; }
  87. legend {
  88. box-sizing: border-box;
  89. color: inherit;
  90. display: table;
  91. max-width: 100%;
  92. padding: 0;
  93. white-space: normal; }
  94. progress {
  95. vertical-align: baseline; }
  96. textarea {
  97. overflow: auto; }
  98. [type="checkbox"],
  99. [type="radio"] {
  100. box-sizing: border-box;
  101. padding: 0; }
  102. [type="number"]::-webkit-inner-spin-button,
  103. [type="number"]::-webkit-outer-spin-button {
  104. height: auto; }
  105. [type="search"] {
  106. -webkit-appearance: textfield;
  107. outline-offset: -2px; }
  108. [type="search"]::-webkit-search-decoration {
  109. -webkit-appearance: none; }
  110. ::-webkit-file-upload-button {
  111. -webkit-appearance: button;
  112. font: inherit; }
  113. details {
  114. display: block; }
  115. summary {
  116. display: list-item; }
  117. template {
  118. display: none; }
  119. [hidden] {
  120. display: none; }
  121. .foundation-mq {
  122. font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
  123. html {
  124. box-sizing: border-box;
  125. font-size: 100%; }
  126. *,
  127. *::before,
  128. *::after {
  129. box-sizing: inherit; }
  130. body {
  131. margin: 0;
  132. padding: 0;
  133. background: #fefefe;
  134. font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  135. font-weight: normal;
  136. line-height: 1.5;
  137. color: #0a0a0a;
  138. -webkit-font-smoothing: antialiased;
  139. -moz-osx-font-smoothing: grayscale; }
  140. img {
  141. display: inline-block;
  142. vertical-align: middle;
  143. max-width: 100%;
  144. height: auto;
  145. -ms-interpolation-mode: bicubic; }
  146. textarea {
  147. height: auto;
  148. min-height: 50px;
  149. border-radius: 0; }
  150. select {
  151. box-sizing: border-box;
  152. width: 100%;
  153. border-radius: 0; }
  154. .map_canvas img,
  155. .map_canvas embed,
  156. .map_canvas object,
  157. .mqa-display img,
  158. .mqa-display embed,
  159. .mqa-display object {
  160. max-width: none !important; }
  161. button {
  162. padding: 0;
  163. appearance: none;
  164. border: 0;
  165. border-radius: 0;
  166. background: transparent;
  167. line-height: 1;
  168. cursor: auto; }
  169. [data-whatinput='mouse'] button {
  170. outline: 0; }
  171. pre {
  172. overflow: auto; }
  173. button,
  174. input,
  175. optgroup,
  176. select,
  177. textarea {
  178. font-family: inherit; }
  179. .is-visible {
  180. display: block !important; }
  181. .is-hidden {
  182. display: none !important; }
  183. [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
  184. textarea {
  185. display: block;
  186. box-sizing: border-box;
  187. width: 100%;
  188. height: 2.4375rem;
  189. margin: 0 0 1rem;
  190. padding: 0.5rem;
  191. border: 1px solid #cacaca;
  192. border-radius: 0;
  193. background-color: #fefefe;
  194. box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  195. font-family: inherit;
  196. font-size: 1rem;
  197. font-weight: normal;
  198. line-height: 1.5;
  199. color: #0a0a0a;
  200. transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  201. appearance: none; }
  202. [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  203. textarea:focus {
  204. outline: none;
  205. border: 1px solid #8a8a8a;
  206. background-color: #fefefe;
  207. box-shadow: 0 0 5px #cacaca;
  208. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  209. textarea {
  210. max-width: 100%; }
  211. textarea[rows] {
  212. height: auto; }
  213. input:disabled, input[readonly],
  214. textarea:disabled,
  215. textarea[readonly] {
  216. background-color: #e6e6e6;
  217. cursor: not-allowed; }
  218. [type='submit'],
  219. [type='button'] {
  220. appearance: none;
  221. border-radius: 0; }
  222. input[type='search'] {
  223. box-sizing: border-box; }
  224. ::placeholder {
  225. color: #cacaca; }
  226. [type='file'],
  227. [type='checkbox'],
  228. [type='radio'] {
  229. margin: 0 0 1rem; }
  230. [type='checkbox'] + label,
  231. [type='radio'] + label {
  232. display: inline-block;
  233. vertical-align: baseline;
  234. margin-left: 0.5rem;
  235. margin-right: 1rem;
  236. margin-bottom: 0; }
  237. [type='checkbox'] + label[for],
  238. [type='radio'] + label[for] {
  239. cursor: pointer; }
  240. label > [type='checkbox'],
  241. label > [type='radio'] {
  242. margin-right: 0.5rem; }
  243. [type='file'] {
  244. width: 100%; }
  245. label {
  246. display: block;
  247. margin: 0;
  248. font-size: 0.875rem;
  249. font-weight: normal;
  250. line-height: 1.8;
  251. color: #0a0a0a; }
  252. label.middle {
  253. margin: 0 0 1rem;
  254. padding: 0.5625rem 0; }
  255. .help-text {
  256. margin-top: -0.5rem;
  257. font-size: 0.8125rem;
  258. font-style: italic;
  259. color: #0a0a0a; }
  260. .input-group {
  261. display: flex;
  262. width: 100%;
  263. margin-bottom: 1rem;
  264. align-items: stretch; }
  265. .input-group > :first-child, .input-group > :first-child.input-group-button > * {
  266. border-radius: 0 0 0 0; }
  267. .input-group > :last-child, .input-group > :last-child.input-group-button > * {
  268. border-radius: 0 0 0 0; }
  269. .input-group-label, .input-group-field, .input-group-button, .input-group-button a,
  270. .input-group-button input,
  271. .input-group-button button,
  272. .input-group-button label {
  273. margin: 0;
  274. white-space: nowrap; }
  275. .input-group-label {
  276. padding: 0 1rem;
  277. border: 1px solid #cacaca;
  278. background: #e6e6e6;
  279. color: #0a0a0a;
  280. text-align: center;
  281. white-space: nowrap;
  282. display: flex;
  283. flex: 0 0 auto;
  284. align-items: center; }
  285. .input-group-label:first-child {
  286. border-right: 0; }
  287. .input-group-label:last-child {
  288. border-left: 0; }
  289. .input-group-field {
  290. border-radius: 0;
  291. flex: 1 1 0px;
  292. min-width: 0; }
  293. .input-group-button {
  294. padding-top: 0;
  295. padding-bottom: 0;
  296. text-align: center;
  297. display: flex;
  298. flex: 0 0 auto; }
  299. .input-group-button a,
  300. .input-group-button input,
  301. .input-group-button button,
  302. .input-group-button label {
  303. align-self: stretch;
  304. height: auto;
  305. padding-top: 0;
  306. padding-bottom: 0;
  307. font-size: 1rem; }
  308. fieldset {
  309. margin: 0;
  310. padding: 0;
  311. border: 0; }
  312. legend {
  313. max-width: 100%;
  314. margin-bottom: 0.5rem; }
  315. .fieldset {
  316. margin: 1.125rem 0;
  317. padding: 1.25rem;
  318. border: 1px solid #cacaca; }
  319. .fieldset legend {
  320. margin: 0;
  321. margin-left: -0.1875rem;
  322. padding: 0 0.1875rem; }
  323. select {
  324. height: 2.4375rem;
  325. margin: 0 0 1rem;
  326. padding: 0.5rem;
  327. appearance: none;
  328. border: 1px solid #cacaca;
  329. border-radius: 0;
  330. background-color: #fefefe;
  331. font-family: inherit;
  332. font-size: 1rem;
  333. font-weight: normal;
  334. line-height: 1.5;
  335. color: #0a0a0a;
  336. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  337. background-origin: content-box;
  338. background-position: right -1rem center;
  339. background-repeat: no-repeat;
  340. background-size: 9px 6px;
  341. padding-right: 1.5rem;
  342. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  343. @media screen and (min-width: 0\0) {
  344. select {
  345. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  346. select:focus {
  347. outline: none;
  348. border: 1px solid #8a8a8a;
  349. background-color: #fefefe;
  350. box-shadow: 0 0 5px #cacaca;
  351. transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  352. select:disabled {
  353. background-color: #e6e6e6;
  354. cursor: not-allowed; }
  355. select::-ms-expand {
  356. display: none; }
  357. select[multiple] {
  358. height: auto;
  359. background-image: none; }
  360. select:not([multiple]) {
  361. padding-top: 0;
  362. padding-bottom: 0; }
  363. .is-invalid-input:not(:focus) {
  364. border-color: #cc4b37;
  365. background-color: #f9ecea; }
  366. .is-invalid-input:not(:focus)::placeholder {
  367. color: #cc4b37; }
  368. .is-invalid-label {
  369. color: #cc4b37; }
  370. .form-error {
  371. display: none;
  372. margin-top: -0.5rem;
  373. margin-bottom: 1rem;
  374. font-size: 0.75rem;
  375. font-weight: bold;
  376. color: #cc4b37; }
  377. .form-error.is-visible {
  378. display: block; }
  379. .row {
  380. max-width: 100%;
  381. margin-right: auto;
  382. margin-left: auto;
  383. display: flex;
  384. flex-flow: row wrap; }
  385. .row .row {
  386. margin-right: -0.625rem;
  387. margin-left: -0.625rem; }
  388. @media print, screen and (min-width: 40em) {
  389. .row .row {
  390. margin-right: -0.9375rem;
  391. margin-left: -0.9375rem; } }
  392. @media print, screen and (min-width: 64em) {
  393. .row .row {
  394. margin-right: -0.9375rem;
  395. margin-left: -0.9375rem; } }
  396. .row .row.collapse {
  397. margin-right: 0;
  398. margin-left: 0; }
  399. .row.expanded {
  400. max-width: none; }
  401. .row.expanded .row {
  402. margin-right: auto;
  403. margin-left: auto; }
  404. .row:not(.expanded) .row {
  405. max-width: none; }
  406. .row.collapse > .column, .row.collapse > .columns {
  407. padding-right: 0;
  408. padding-left: 0; }
  409. .row.is-collapse-child,
  410. .row.collapse > .column > .row,
  411. .row.collapse > .columns > .row {
  412. margin-right: 0;
  413. margin-left: 0; }
  414. .column, .columns {
  415. flex: 1 1 0px;
  416. padding-right: 0.625rem;
  417. padding-left: 0.625rem;
  418. min-width: 0; }
  419. @media print, screen and (min-width: 40em) {
  420. .column, .columns {
  421. padding-right: 0.9375rem;
  422. padding-left: 0.9375rem; } }
  423. .column.row.row, .row.row.columns {
  424. float: none;
  425. display: block; }
  426. .row .column.row.row, .row .row.row.columns {
  427. margin-right: 0;
  428. margin-left: 0;
  429. padding-right: 0;
  430. padding-left: 0; }
  431. .small-1 {
  432. flex: 0 0 8.33333%;
  433. max-width: 8.33333%; }
  434. .small-offset-0 {
  435. margin-left: 0%; }
  436. .small-2 {
  437. flex: 0 0 16.66667%;
  438. max-width: 16.66667%; }
  439. .small-offset-1 {
  440. margin-left: 8.33333%; }
  441. .small-3 {
  442. flex: 0 0 25%;
  443. max-width: 25%; }
  444. .small-offset-2 {
  445. margin-left: 16.66667%; }
  446. .small-4 {
  447. flex: 0 0 33.33333%;
  448. max-width: 33.33333%; }
  449. .small-offset-3 {
  450. margin-left: 25%; }
  451. .small-5 {
  452. flex: 0 0 41.66667%;
  453. max-width: 41.66667%; }
  454. .small-offset-4 {
  455. margin-left: 33.33333%; }
  456. .small-6 {
  457. flex: 0 0 50%;
  458. max-width: 50%; }
  459. .small-offset-5 {
  460. margin-left: 41.66667%; }
  461. .small-7 {
  462. flex: 0 0 58.33333%;
  463. max-width: 58.33333%; }
  464. .small-offset-6 {
  465. margin-left: 50%; }
  466. .small-8 {
  467. flex: 0 0 66.66667%;
  468. max-width: 66.66667%; }
  469. .small-offset-7 {
  470. margin-left: 58.33333%; }
  471. .small-9 {
  472. flex: 0 0 75%;
  473. max-width: 75%; }
  474. .small-offset-8 {
  475. margin-left: 66.66667%; }
  476. .small-10 {
  477. flex: 0 0 83.33333%;
  478. max-width: 83.33333%; }
  479. .small-offset-9 {
  480. margin-left: 75%; }
  481. .small-11 {
  482. flex: 0 0 91.66667%;
  483. max-width: 91.66667%; }
  484. .small-offset-10 {
  485. margin-left: 83.33333%; }
  486. .small-12 {
  487. flex: 0 0 100%;
  488. max-width: 100%; }
  489. .small-offset-11 {
  490. margin-left: 91.66667%; }
  491. .small-up-1 {
  492. flex-wrap: wrap; }
  493. .small-up-1 > .column, .small-up-1 > .columns {
  494. flex: 0 0 100%;
  495. max-width: 100%; }
  496. .small-up-2 {
  497. flex-wrap: wrap; }
  498. .small-up-2 > .column, .small-up-2 > .columns {
  499. flex: 0 0 50%;
  500. max-width: 50%; }
  501. .small-up-3 {
  502. flex-wrap: wrap; }
  503. .small-up-3 > .column, .small-up-3 > .columns {
  504. flex: 0 0 33.33333%;
  505. max-width: 33.33333%; }
  506. .small-up-4 {
  507. flex-wrap: wrap; }
  508. .small-up-4 > .column, .small-up-4 > .columns {
  509. flex: 0 0 25%;
  510. max-width: 25%; }
  511. .small-up-5 {
  512. flex-wrap: wrap; }
  513. .small-up-5 > .column, .small-up-5 > .columns {
  514. flex: 0 0 20%;
  515. max-width: 20%; }
  516. .small-up-6 {
  517. flex-wrap: wrap; }
  518. .small-up-6 > .column, .small-up-6 > .columns {
  519. flex: 0 0 16.66667%;
  520. max-width: 16.66667%; }
  521. .small-up-7 {
  522. flex-wrap: wrap; }
  523. .small-up-7 > .column, .small-up-7 > .columns {
  524. flex: 0 0 14.28571%;
  525. max-width: 14.28571%; }
  526. .small-up-8 {
  527. flex-wrap: wrap; }
  528. .small-up-8 > .column, .small-up-8 > .columns {
  529. flex: 0 0 12.5%;
  530. max-width: 12.5%; }
  531. .small-collapse > .column, .small-collapse > .columns {
  532. padding-right: 0;
  533. padding-left: 0; }
  534. .small-uncollapse > .column, .small-uncollapse > .columns {
  535. padding-right: 0.625rem;
  536. padding-left: 0.625rem; }
  537. @media print, screen and (min-width: 40em) {
  538. .medium-1 {
  539. flex: 0 0 8.33333%;
  540. max-width: 8.33333%; }
  541. .medium-offset-0 {
  542. margin-left: 0%; }
  543. .medium-2 {
  544. flex: 0 0 16.66667%;
  545. max-width: 16.66667%; }
  546. .medium-offset-1 {
  547. margin-left: 8.33333%; }
  548. .medium-3 {
  549. flex: 0 0 25%;
  550. max-width: 25%; }
  551. .medium-offset-2 {
  552. margin-left: 16.66667%; }
  553. .medium-4 {
  554. flex: 0 0 33.33333%;
  555. max-width: 33.33333%; }
  556. .medium-offset-3 {
  557. margin-left: 25%; }
  558. .medium-5 {
  559. flex: 0 0 41.66667%;
  560. max-width: 41.66667%; }
  561. .medium-offset-4 {
  562. margin-left: 33.33333%; }
  563. .medium-6 {
  564. flex: 0 0 50%;
  565. max-width: 50%; }
  566. .medium-offset-5 {
  567. margin-left: 41.66667%; }
  568. .medium-7 {
  569. flex: 0 0 58.33333%;
  570. max-width: 58.33333%; }
  571. .medium-offset-6 {
  572. margin-left: 50%; }
  573. .medium-8 {
  574. flex: 0 0 66.66667%;
  575. max-width: 66.66667%; }
  576. .medium-offset-7 {
  577. margin-left: 58.33333%; }
  578. .medium-9 {
  579. flex: 0 0 75%;
  580. max-width: 75%; }
  581. .medium-offset-8 {
  582. margin-left: 66.66667%; }
  583. .medium-10 {
  584. flex: 0 0 83.33333%;
  585. max-width: 83.33333%; }
  586. .medium-offset-9 {
  587. margin-left: 75%; }
  588. .medium-11 {
  589. flex: 0 0 91.66667%;
  590. max-width: 91.66667%; }
  591. .medium-offset-10 {
  592. margin-left: 83.33333%; }
  593. .medium-12 {
  594. flex: 0 0 100%;
  595. max-width: 100%; }
  596. .medium-offset-11 {
  597. margin-left: 91.66667%; }
  598. .medium-up-1 {
  599. flex-wrap: wrap; }
  600. .medium-up-1 > .column, .medium-up-1 > .columns {
  601. flex: 0 0 100%;
  602. max-width: 100%; }
  603. .medium-up-2 {
  604. flex-wrap: wrap; }
  605. .medium-up-2 > .column, .medium-up-2 > .columns {
  606. flex: 0 0 50%;
  607. max-width: 50%; }
  608. .medium-up-3 {
  609. flex-wrap: wrap; }
  610. .medium-up-3 > .column, .medium-up-3 > .columns {
  611. flex: 0 0 33.33333%;
  612. max-width: 33.33333%; }
  613. .medium-up-4 {
  614. flex-wrap: wrap; }
  615. .medium-up-4 > .column, .medium-up-4 > .columns {
  616. flex: 0 0 25%;
  617. max-width: 25%; }
  618. .medium-up-5 {
  619. flex-wrap: wrap; }
  620. .medium-up-5 > .column, .medium-up-5 > .columns {
  621. flex: 0 0 20%;
  622. max-width: 20%; }
  623. .medium-up-6 {
  624. flex-wrap: wrap; }
  625. .medium-up-6 > .column, .medium-up-6 > .columns {
  626. flex: 0 0 16.66667%;
  627. max-width: 16.66667%; }
  628. .medium-up-7 {
  629. flex-wrap: wrap; }
  630. .medium-up-7 > .column, .medium-up-7 > .columns {
  631. flex: 0 0 14.28571%;
  632. max-width: 14.28571%; }
  633. .medium-up-8 {
  634. flex-wrap: wrap; }
  635. .medium-up-8 > .column, .medium-up-8 > .columns {
  636. flex: 0 0 12.5%;
  637. max-width: 12.5%; } }
  638. @media print, screen and (min-width: 40em) and (min-width: 40em) {
  639. .medium-expand {
  640. flex: 1 1 0px; } }
  641. .row.medium-unstack > .column, .row.medium-unstack > .columns {
  642. flex: 0 0 100%; }
  643. @media print, screen and (min-width: 40em) {
  644. .row.medium-unstack > .column, .row.medium-unstack > .columns {
  645. flex: 1 1 0px; } }
  646. @media print, screen and (min-width: 40em) {
  647. .medium-collapse > .column, .medium-collapse > .columns {
  648. padding-right: 0;
  649. padding-left: 0; }
  650. .medium-uncollapse > .column, .medium-uncollapse > .columns {
  651. padding-right: 0.9375rem;
  652. padding-left: 0.9375rem; } }
  653. @media print, screen and (min-width: 64em) {
  654. .large-1 {
  655. flex: 0 0 8.33333%;
  656. max-width: 8.33333%; }
  657. .large-offset-0 {
  658. margin-left: 0%; }
  659. .large-2 {
  660. flex: 0 0 16.66667%;
  661. max-width: 16.66667%; }
  662. .large-offset-1 {
  663. margin-left: 8.33333%; }
  664. .large-3 {
  665. flex: 0 0 25%;
  666. max-width: 25%; }
  667. .large-offset-2 {
  668. margin-left: 16.66667%; }
  669. .large-4 {
  670. flex: 0 0 33.33333%;
  671. max-width: 33.33333%; }
  672. .large-offset-3 {
  673. margin-left: 25%; }
  674. .large-5 {
  675. flex: 0 0 41.66667%;
  676. max-width: 41.66667%; }
  677. .large-offset-4 {
  678. margin-left: 33.33333%; }
  679. .large-6 {
  680. flex: 0 0 50%;
  681. max-width: 50%; }
  682. .large-offset-5 {
  683. margin-left: 41.66667%; }
  684. .large-7 {
  685. flex: 0 0 58.33333%;
  686. max-width: 58.33333%; }
  687. .large-offset-6 {
  688. margin-left: 50%; }
  689. .large-8 {
  690. flex: 0 0 66.66667%;
  691. max-width: 66.66667%; }
  692. .large-offset-7 {
  693. margin-left: 58.33333%; }
  694. .large-9 {
  695. flex: 0 0 75%;
  696. max-width: 75%; }
  697. .large-offset-8 {
  698. margin-left: 66.66667%; }
  699. .large-10 {
  700. flex: 0 0 83.33333%;
  701. max-width: 83.33333%; }
  702. .large-offset-9 {
  703. margin-left: 75%; }
  704. .large-11 {
  705. flex: 0 0 91.66667%;
  706. max-width: 91.66667%; }
  707. .large-offset-10 {
  708. margin-left: 83.33333%; }
  709. .large-12 {
  710. flex: 0 0 100%;
  711. max-width: 100%; }
  712. .large-offset-11 {
  713. margin-left: 91.66667%; }
  714. .large-up-1 {
  715. flex-wrap: wrap; }
  716. .large-up-1 > .column, .large-up-1 > .columns {
  717. flex: 0 0 100%;
  718. max-width: 100%; }
  719. .large-up-2 {
  720. flex-wrap: wrap; }
  721. .large-up-2 > .column, .large-up-2 > .columns {
  722. flex: 0 0 50%;
  723. max-width: 50%; }
  724. .large-up-3 {
  725. flex-wrap: wrap; }
  726. .large-up-3 > .column, .large-up-3 > .columns {
  727. flex: 0 0 33.33333%;
  728. max-width: 33.33333%; }
  729. .large-up-4 {
  730. flex-wrap: wrap; }
  731. .large-up-4 > .column, .large-up-4 > .columns {
  732. flex: 0 0 25%;
  733. max-width: 25%; }
  734. .large-up-5 {
  735. flex-wrap: wrap; }
  736. .large-up-5 > .column, .large-up-5 > .columns {
  737. flex: 0 0 20%;
  738. max-width: 20%; }
  739. .large-up-6 {
  740. flex-wrap: wrap; }
  741. .large-up-6 > .column, .large-up-6 > .columns {
  742. flex: 0 0 16.66667%;
  743. max-width: 16.66667%; }
  744. .large-up-7 {
  745. flex-wrap: wrap; }
  746. .large-up-7 > .column, .large-up-7 > .columns {
  747. flex: 0 0 14.28571%;
  748. max-width: 14.28571%; }
  749. .large-up-8 {
  750. flex-wrap: wrap; }
  751. .large-up-8 > .column, .large-up-8 > .columns {
  752. flex: 0 0 12.5%;
  753. max-width: 12.5%; } }
  754. @media print, screen and (min-width: 64em) and (min-width: 64em) {
  755. .large-expand {
  756. flex: 1 1 0px; } }
  757. .row.large-unstack > .column, .row.large-unstack > .columns {
  758. flex: 0 0 100%; }
  759. @media print, screen and (min-width: 64em) {
  760. .row.large-unstack > .column, .row.large-unstack > .columns {
  761. flex: 1 1 0px; } }
  762. @media print, screen and (min-width: 64em) {
  763. .large-collapse > .column, .large-collapse > .columns {
  764. padding-right: 0;
  765. padding-left: 0; }
  766. .large-uncollapse > .column, .large-uncollapse > .columns {
  767. padding-right: 0.9375rem;
  768. padding-left: 0.9375rem; } }
  769. .shrink {
  770. flex: 0 0 auto;
  771. max-width: 100%; }
  772. .column-block {
  773. margin-bottom: 1.25rem; }
  774. .column-block > :last-child {
  775. margin-bottom: 0; }
  776. @media print, screen and (min-width: 40em) {
  777. .column-block {
  778. margin-bottom: 1.875rem; }
  779. .column-block > :last-child {
  780. margin-bottom: 0; } }
  781. /*setup*/
  782. /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  783. 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, sub, sup, 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 {
  784. border: 0;
  785. font-size: 100%;
  786. font: inherit;
  787. vertical-align: baseline;
  788. margin: 0;
  789. padding: 0; }
  790. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  791. display: block; }
  792. body {
  793. line-height: 1; }
  794. ol, ul {
  795. list-style: none; }
  796. blockquote, q {
  797. quotes: none; }
  798. blockquote:before, blockquote:after, q:before, q:after {
  799. content: none; }
  800. table {
  801. border-collapse: collapse;
  802. border-spacing: 0; }
  803. /* Slider */
  804. .slick-slider {
  805. position: relative;
  806. display: block;
  807. box-sizing: border-box;
  808. -webkit-touch-callout: none;
  809. -webkit-user-select: none;
  810. -khtml-user-select: none;
  811. -moz-user-select: none;
  812. -ms-user-select: none;
  813. user-select: none;
  814. -ms-touch-action: pan-y;
  815. touch-action: pan-y;
  816. -webkit-tap-highlight-color: transparent; }
  817. .slick-list {
  818. position: relative;
  819. overflow: hidden;
  820. display: block;
  821. margin: 0;
  822. padding: 0; }
  823. .slick-list:focus {
  824. outline: none; }
  825. .slick-list.dragging {
  826. cursor: pointer;
  827. cursor: hand; }
  828. .slick-slider .slick-track,
  829. .slick-slider .slick-list {
  830. -webkit-transform: translate3d(0, 0, 0);
  831. -moz-transform: translate3d(0, 0, 0);
  832. -ms-transform: translate3d(0, 0, 0);
  833. -o-transform: translate3d(0, 0, 0);
  834. transform: translate3d(0, 0, 0); }
  835. .slick-track {
  836. position: relative;
  837. left: 0;
  838. top: 0;
  839. display: block;
  840. margin-left: auto;
  841. margin-right: auto; }
  842. .slick-track:before, .slick-track:after {
  843. content: "";
  844. display: table; }
  845. .slick-track:after {
  846. clear: both; }
  847. .slick-loading .slick-track {
  848. visibility: hidden; }
  849. .slick-slide {
  850. float: left;
  851. height: 100%;
  852. min-height: 1px;
  853. display: none; }
  854. [dir="rtl"] .slick-slide {
  855. float: right; }
  856. .slick-slide img {
  857. display: block; }
  858. .slick-slide.slick-loading img {
  859. display: none; }
  860. .slick-slide.dragging img {
  861. pointer-events: none; }
  862. .slick-initialized .slick-slide {
  863. display: block; }
  864. .slick-loading .slick-slide {
  865. visibility: hidden; }
  866. .slick-vertical .slick-slide {
  867. display: block;
  868. height: auto;
  869. border: 1px solid transparent; }
  870. .slick-arrow.slick-hidden {
  871. display: none; }
  872. @media (min-width: 48rem) {
  873. :root {
  874. font-size: calc(1rem + ((1vw - .48rem) * 1.389));
  875. /* .48rem = viewportWidthMinimum /100 */
  876. /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */ } }
  877. @media (min-width: 120em) {
  878. :root {
  879. font-size: 2rem; } }
  880. @font-face {
  881. font-family: 'duke';
  882. src: url("../fonts/Duke_Fill.otf") format("opentype");
  883. font-weight: 400;
  884. font-style: normal; }
  885. /*trueno*/
  886. @font-face {
  887. font-family: 'trueno';
  888. src: url("../fonts/trueno/truenobd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobd-webfont.woff") format("woff");
  889. font-weight: 600;
  890. font-style: normal; }
  891. @font-face {
  892. font-family: 'trueno';
  893. src: url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdit-webfont.woff") format("woff");
  894. font-weight: 600;
  895. font-style: italic; }
  896. @font-face {
  897. font-family: 'trueno_outline';
  898. src: url("../fonts/trueno/truenobdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdol-webfont.woff") format("woff");
  899. font-weight: 600;
  900. font-style: normal; }
  901. @font-face {
  902. font-family: 'trueno_outline';
  903. src: url("../fonts/trueno/truenobdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenobdolit-webfont.woff") format("woff");
  904. font-weight: 600;
  905. font-style: italic; }
  906. @font-face {
  907. font-family: 'trueno';
  908. src: url("../fonts/trueno/truenoblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblk-webfont.woff") format("woff");
  909. font-weight: 800;
  910. font-style: normal; }
  911. @font-face {
  912. font-family: 'trueno';
  913. src: url("../fonts/trueno/truenoblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkit-webfont.woff") format("woff");
  914. font-weight: 800;
  915. font-style: italic; }
  916. @font-face {
  917. font-family: 'trueno_outline';
  918. src: url("../fonts/trueno/truenoblkol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkol-webfont.woff") format("woff");
  919. font-weight: 800;
  920. font-style: normal; }
  921. @font-face {
  922. font-family: 'trueno_outline';
  923. src: url("../fonts/trueno/truenoblkolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoblkolit-webfont.woff") format("woff");
  924. font-weight: 800;
  925. font-style: italic; }
  926. @font-face {
  927. font-family: 'truenoextrabold';
  928. src: url("../fonts/trueno/truenoexbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbd-webfont.woff") format("woff");
  929. font-weight: 900;
  930. font-style: normal; }
  931. @font-face {
  932. font-family: 'trueno';
  933. src: url("../fonts/trueno/truenoexbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdit-webfont.woff") format("woff");
  934. font-weight: 900;
  935. font-style: italic; }
  936. @font-face {
  937. font-family: 'trueno_outline';
  938. src: url("../fonts/trueno/truenoexbdol-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdol-webfont.woff") format("woff");
  939. font-weight: 900;
  940. font-style: normal; }
  941. @font-face {
  942. font-family: 'trueno_outline';
  943. src: url("../fonts/trueno/truenoexbdolit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoexbdolit-webfont.woff") format("woff");
  944. font-weight: 900;
  945. font-style: italic; }
  946. @font-face {
  947. font-family: 'trueno';
  948. src: url("../fonts/trueno/truenolt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenolt-webfont.woff") format("woff");
  949. font-weight: 300;
  950. font-style: normal; }
  951. @font-face {
  952. font-family: 'trueno';
  953. src: url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoltit-webfont.woff") format("woff");
  954. font-weight: 300;
  955. font-style: italic; }
  956. @font-face {
  957. font-family: 'trueno';
  958. src: url("../fonts/trueno/truenorg-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorg-webfont.woff") format("woff");
  959. font-weight: 400;
  960. font-style: normal; }
  961. @font-face {
  962. font-family: 'trueno';
  963. src: url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenorgit-webfont.woff") format("woff");
  964. font-weight: 400;
  965. font-style: italic; }
  966. @font-face {
  967. font-family: 'trueno';
  968. src: url("../fonts/trueno/truenosbd-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbd-webfont.woff") format("woff");
  969. font-weight: 500;
  970. font-style: normal; }
  971. @font-face {
  972. font-family: 'trueno';
  973. src: url("../fonts/trueno/truenosbdit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenosbdit-webfont.woff") format("woff");
  974. font-weight: 500;
  975. font-style: italic; }
  976. @font-face {
  977. font-family: 'trueno';
  978. src: url("../fonts/trueno/truenoultblk-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblk-webfont.woff") format("woff");
  979. font-weight: 1000;
  980. font-style: normal; }
  981. @font-face {
  982. font-family: 'trueno';
  983. src: url("../fonts/trueno/truenoultblkit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultblkit-webfont.woff") format("woff");
  984. font-weight: 1000;
  985. font-style: italic; }
  986. @font-face {
  987. font-family: 'trueno';
  988. src: url("../fonts/trueno/truenoultlt-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultlt-webfont.woff") format("woff");
  989. font-weight: 100;
  990. font-style: normal; }
  991. @font-face {
  992. font-family: 'trueno';
  993. src: url("../fonts/trueno/truenoultltit-webfont.woff2") format("woff2"), url("../fonts/trueno/truenoultltit-webfont.woff") format("woff");
  994. font-weight: 100;
  995. font-style: italic; }
  996. body {
  997. font-family: "trueno" !important;
  998. font-size: 0.6rem;
  999. font-weight: 300;
  1000. line-height: 1.5; }
  1001. body.path-node.programme-1 #node\:title, body.path-node.programme-1 .field_sous_titre, body.path-node.programme-1 .field_intro {
  1002. color: #61ab32; }
  1003. body.path-node.programme-1 article h2, body.path-node.programme-1 article h3, body.path-node.programme-1 article h4, body.path-node.programme-1 article h5, body.path-node.programme-1 article h6, body.path-node.programme-1 article .field_titre {
  1004. color: #61ab32; }
  1005. body.path-node.programme-2 #node\:title, body.path-node.programme-2 .field_sous_titre, body.path-node.programme-2 .field_intro {
  1006. color: #4dabc1; }
  1007. body.path-node.programme-2 article h2, body.path-node.programme-2 article h3, body.path-node.programme-2 article h4, body.path-node.programme-2 article h5, body.path-node.programme-2 article h6, body.path-node.programme-2 article .field_titre {
  1008. color: #4dabc1; }
  1009. body.path-node.programme-3 #node\:title, body.path-node.programme-3 .field_sous_titre, body.path-node.programme-3 .field_intro {
  1010. color: #646578; }
  1011. body.path-node.programme-3 article h2, body.path-node.programme-3 article h3, body.path-node.programme-3 article h4, body.path-node.programme-3 article h5, body.path-node.programme-3 article h6, body.path-node.programme-3 article .field_titre {
  1012. color: #646578; }
  1013. body.path-node.programme-4 #node\:title, body.path-node.programme-4 .field_sous_titre, body.path-node.programme-4 .field_intro {
  1014. color: black; }
  1015. body.path-node.programme-4 article h2, body.path-node.programme-4 article h3, body.path-node.programme-4 article h4, body.path-node.programme-4 article h5, body.path-node.programme-4 article h6, body.path-node.programme-4 article .field_titre {
  1016. color: black; }
  1017. body.path-node.programme-5 #node\:title, body.path-node.programme-5 .field_sous_titre, body.path-node.programme-5 .field_intro {
  1018. color: #ab9569; }
  1019. body.path-node.programme-5 article h2, body.path-node.programme-5 article h3, body.path-node.programme-5 article h4, body.path-node.programme-5 article h5, body.path-node.programme-5 article h6, body.path-node.programme-5 article .field_titre {
  1020. color: #ab9569; }
  1021. body.path-node.programme-6 #node\:title, body.path-node.programme-6 .field_sous_titre, body.path-node.programme-6 .field_intro {
  1022. color: #e01a35; }
  1023. body.path-node.programme-6 article h2, body.path-node.programme-6 article h3, body.path-node.programme-6 article h4, body.path-node.programme-6 article h5, body.path-node.programme-6 article h6, body.path-node.programme-6 article .field_titre {
  1024. color: #e01a35; }
  1025. body.path-node.programme-7 #node\:title, body.path-node.programme-7 .field_sous_titre, body.path-node.programme-7 .field_intro {
  1026. color: #28429f; }
  1027. body.path-node.programme-7 article h2, body.path-node.programme-7 article h3, body.path-node.programme-7 article h4, body.path-node.programme-7 article h5, body.path-node.programme-7 article h6, body.path-node.programme-7 article .field_titre {
  1028. color: #28429f; }
  1029. main h2 {
  1030. text-transform: uppercase;
  1031. font-family: 'duke';
  1032. font-size: 2.3rem; }
  1033. a {
  1034. color: inherit; }
  1035. .ext {
  1036. display: none; }
  1037. strong, b {
  1038. font-weight: 600; }
  1039. i, em {
  1040. font-style: italic; }
  1041. iframe {
  1042. display: none; }
  1043. .slick-arrow {
  1044. font-size: 0;
  1045. background: center/40% no-repeat url(../images/fleche.svg); }
  1046. @media print, screen and (max-width: 39.99875em) {
  1047. .slick-arrow {
  1048. background: center/100% no-repeat url(../images/fleche.svg); } }
  1049. .slick-prev {
  1050. -moz-transform: rotate(180deg);
  1051. -webkit-transform: rotate(180deg);
  1052. -o-transform: rotate(180deg);
  1053. -ms-transform: rotate(180deg);
  1054. transform: rotate(180deg); }
  1055. .leaflet-marker-icon a {
  1056. text-decoration: none;
  1057. color: white;
  1058. display: block;
  1059. padding: .6rem;
  1060. font-weight: 600;
  1061. font-size: 0;
  1062. border-radius: 50%;
  1063. transition: all 250ms; }
  1064. .leaflet-marker-icon a:hover {
  1065. background: white;
  1066. font-size: 0.45rem;
  1067. transition: all 250ms;
  1068. border-radius: 0; }
  1069. .leaflet-marker-icon .programme-1 {
  1070. background: #61ab32; }
  1071. .leaflet-marker-icon .programme-1:hover {
  1072. color: #61ab32; }
  1073. .leaflet-marker-icon .programme-2 {
  1074. background: #4dabc1; }
  1075. .leaflet-marker-icon .programme-2:hover {
  1076. color: #4dabc1; }
  1077. .leaflet-marker-icon .programme-3 {
  1078. background: #646578; }
  1079. .leaflet-marker-icon .programme-3:hover {
  1080. color: #646578; }
  1081. .leaflet-marker-icon .programme-4 {
  1082. background: black; }
  1083. .leaflet-marker-icon .programme-4:hover {
  1084. color: black; }
  1085. .leaflet-marker-icon .programme-5 {
  1086. background: #ab9569; }
  1087. .leaflet-marker-icon .programme-5:hover {
  1088. color: #ab9569; }
  1089. .leaflet-marker-icon .programme-6 {
  1090. background: #e01a35; }
  1091. .leaflet-marker-icon .programme-6:hover {
  1092. color: #e01a35; }
  1093. .leaflet-marker-icon .programme-7 {
  1094. background: #28429f; }
  1095. .leaflet-marker-icon .programme-7:hover {
  1096. color: #28429f; }
  1097. .layout--threecol-25-50-25 {
  1098. display: grid;
  1099. grid-template-columns: 20% minmax(0, 1fr) 20%;
  1100. column-gap: 3rem;
  1101. row-gap: 1rem;
  1102. position: relative; }
  1103. .layout__region--bottom {
  1104. grid-column: 1 /span 3; }
  1105. @media print, screen and (max-width: 39.99875em) {
  1106. #leaflet-map-view-projets-block-2 {
  1107. max-height: 400px !important; }
  1108. .layout__region--second {
  1109. grid-column: 1 /span 3;
  1110. padding: 0 5%; }
  1111. .layout__region--third {
  1112. grid-column: 1 /span 3; }
  1113. .layout__region--first {
  1114. grid-row: 1;
  1115. grid-column: 1 / span 3; }
  1116. .layout__region--first .block-region-first {
  1117. position: relative !important;
  1118. width: 100% !important; } }
  1119. /*pages*/
  1120. .header_top_middle_container .programme-1 .views-field-field-programme .field-content {
  1121. background: #61ab32; }
  1122. .header_top_middle_container .programme-1 .views-field {
  1123. color: #61ab32; }
  1124. .header_top_middle_container .programme-1 .views-field-title > span {
  1125. color: #61ab32; }
  1126. .header_top_middle_container .programme-1 .views-field-title > span:hover {
  1127. background: #61ab32;
  1128. color: white; }
  1129. .header_top_middle_container .programme-2 .views-field-field-programme .field-content {
  1130. background: #4dabc1; }
  1131. .header_top_middle_container .programme-2 .views-field {
  1132. color: #4dabc1; }
  1133. .header_top_middle_container .programme-2 .views-field-title > span {
  1134. color: #4dabc1; }
  1135. .header_top_middle_container .programme-2 .views-field-title > span:hover {
  1136. background: #4dabc1;
  1137. color: white; }
  1138. .header_top_middle_container .programme-3 .views-field-field-programme .field-content {
  1139. background: #646578; }
  1140. .header_top_middle_container .programme-3 .views-field {
  1141. color: #646578; }
  1142. .header_top_middle_container .programme-3 .views-field-title > span {
  1143. color: #646578; }
  1144. .header_top_middle_container .programme-3 .views-field-title > span:hover {
  1145. background: #646578;
  1146. color: white; }
  1147. .header_top_middle_container .programme-4 .views-field-field-programme .field-content {
  1148. background: #4dabc1; }
  1149. .header_top_middle_container .programme-4 .views-field {
  1150. color: #4dabc1; }
  1151. .header_top_middle_container .programme-4 .views-field-title > span {
  1152. color: #4dabc1; }
  1153. .header_top_middle_container .programme-4 .views-field-title > span:hover {
  1154. background: #4dabc1;
  1155. color: white; }
  1156. .header_top_middle_container .programme-5 .views-field-field-programme .field-content {
  1157. background: #ab9569; }
  1158. .header_top_middle_container .programme-5 .views-field {
  1159. color: #ab9569; }
  1160. .header_top_middle_container .programme-5 .views-field-title > span {
  1161. color: #ab9569; }
  1162. .header_top_middle_container .programme-5 .views-field-title > span:hover {
  1163. background: #ab9569;
  1164. color: white; }
  1165. .header_top_middle_container .programme-6 .views-field-field-programme .field-content {
  1166. background: #e01a35; }
  1167. .header_top_middle_container .programme-6 .views-field {
  1168. color: #e01a35; }
  1169. .header_top_middle_container .programme-6 .views-field-title > span {
  1170. color: #e01a35; }
  1171. .header_top_middle_container .programme-6 .views-field-title > span:hover {
  1172. background: #e01a35;
  1173. color: white; }
  1174. .header_top_middle_container .programme-7 .views-field-field-programme .field-content {
  1175. background: #28429f; }
  1176. .header_top_middle_container .programme-7 .views-field {
  1177. color: #28429f; }
  1178. .header_top_middle_container .programme-7 .views-field-title > span {
  1179. color: #28429f; }
  1180. .header_top_middle_container .programme-7 .views-field-title > span:hover {
  1181. background: #28429f;
  1182. color: white; }
  1183. #header-top {
  1184. height: 5rem;
  1185. background: white;
  1186. padding-bottom: 1rem;
  1187. padding-top: 1rem; }
  1188. .header_top_left_container {
  1189. height: 100%;
  1190. display: grid;
  1191. grid-template-columns: 1fr 1fr 1fr;
  1192. align-items: center;
  1193. text-align: center;
  1194. column-gap: 10px; }
  1195. .header_top_left_container > div[id=''] {
  1196. height: 100%; }
  1197. .header_top_left_container a[rel~='home'] {
  1198. height: 100%;
  1199. display: block;
  1200. font-size: 0;
  1201. color: transparent;
  1202. background: left/contain no-repeat url(../images/POPSU_logo.svg); }
  1203. .header_top_middle_container {
  1204. height: 100%; }
  1205. .header_top_middle_container .views-element-container {
  1206. height: 100%; }
  1207. .header_top_middle_container .views-element-container > div:first-child {
  1208. height: 100%; }
  1209. .header_top_middle_container .views-element-container > div:first-child > div:first-child {
  1210. height: 100%;
  1211. display: flex;
  1212. justify-content: end;
  1213. align-items: center; }
  1214. .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
  1215. grid-column-start: 2; }
  1216. @media print, screen and (max-width: 39.99875em) {
  1217. .header_top_middle_container .views-element-container > div:first-child > div:first-child {
  1218. grid-template-columns: repeat(3, 1fr); }
  1219. .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
  1220. grid-column-start: 1; } }
  1221. .header_top_middle_container .views-row {
  1222. display: inline-block;
  1223. width: auto; }
  1224. .header_top_middle_container .views-row .views-field-title > span {
  1225. display: inline-block;
  1226. width: auto;
  1227. padding: .2rem .5rem;
  1228. text-transform: uppercase;
  1229. text-decoration: none;
  1230. font-weight: 600; }
  1231. .header_top_middle_container .views-row .views-field-title > span a {
  1232. text-decoration: none; }
  1233. @media screen and (max-width: 76.375em) {
  1234. .header_top_middle_container .views-row .views-field-title > span {
  1235. font-size: 0.45rem; } }
  1236. .close-block, .open-block {
  1237. cursor: pointer; }
  1238. .close-block span, .open-block span {
  1239. display: block;
  1240. width: 33px;
  1241. height: 2px;
  1242. position: relative;
  1243. background: black;
  1244. border-radius: 3px;
  1245. z-index: 1; }
  1246. .close-block {
  1247. padding-top: 1.2rem;
  1248. padding-left: 2rem; }
  1249. .close-block span {
  1250. transform-origin: center; }
  1251. .close-block > div > span:first-child {
  1252. transform: translateY(57%) rotate(45deg); }
  1253. .close-block > div > span:nth-child(2) {
  1254. transform: rotate(-45deg); }
  1255. @media print, screen and (max-width: 39.99875em) {
  1256. .close-block {
  1257. position: absolute;
  1258. top: 1rem;
  1259. right: 1rem; } }
  1260. .open-block {
  1261. height: 100%;
  1262. display: grid;
  1263. align-items: center; }
  1264. .open-block span {
  1265. margin-bottom: 5px;
  1266. transform-origin: 4px 0px; }
  1267. #header-top-right .header_top_right_container {
  1268. position: absolute;
  1269. top: 0;
  1270. left: 0;
  1271. width: 100%;
  1272. background: white;
  1273. display: none;
  1274. grid-template-columns: 10% 25% 25% 30% 10%;
  1275. padding: 1rem 0;
  1276. z-index: 140;
  1277. line-height: 2; }
  1278. @media print, screen and (max-width: 39.99875em) {
  1279. #header-top-right .header_top_right_container {
  1280. grid-template-columns: 1fr;
  1281. align-content: center;
  1282. text-align: center;
  1283. height: 100vh;
  1284. font-size: 0.8rem; } }
  1285. #header-top-right .header_top_right_container nav {
  1286. grid-column-start: 2; }
  1287. @media print, screen and (max-width: 39.99875em) {
  1288. #header-top-right .header_top_right_container nav {
  1289. grid-column-start: 1; } }
  1290. #header-top-right .header_top_right_container a {
  1291. text-decoration: none;
  1292. font-weight: 400; }
  1293. #header-top-right .header_top_right_container a:hover {
  1294. text-decoration: underline; }
  1295. #header-top-right .header_top_right_container h2 {
  1296. font-weight: 100;
  1297. margin-bottom: .3rem; }
  1298. #header-top-right .header_top_right_container .views-field-title {
  1299. color: black !important; }
  1300. #header-top-right .header_top_right_container .views-field-title:hover {
  1301. background: transparent; }
  1302. #header-top-right .header_top_right_container .is-active {
  1303. font-weight: 800; }
  1304. #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {
  1305. width: 100%; }
  1306. footer {
  1307. background: white; }
  1308. #footer-bottom {
  1309. padding: 2rem 0;
  1310. height: 10rem; }
  1311. #footer-bottom .more {
  1312. display: none; }
  1313. #footer-bottom * {
  1314. word-wrap: break-word; }
  1315. #footer-bottom h2 {
  1316. font-weight: 500; }
  1317. #footer-bottom .footer_bottom_left_container {
  1318. height: 100%; }
  1319. #footer-bottom .footer_bottom_left_container div {
  1320. height: 100%; }
  1321. #footer-bottom .footer_bottom_left_container p {
  1322. height: 100%;
  1323. display: grid; }
  1324. #footer-bottom .logo-gouv {
  1325. height: 100%;
  1326. margin-bottom: 1rem;
  1327. display: block;
  1328. color: transparent;
  1329. font-size: 0;
  1330. background: left/contain no-repeat url(../images/gouv.svg); }
  1331. #footer-bottom .logo-puca {
  1332. height: 100%;
  1333. display: block;
  1334. color: transparent;
  1335. font-size: 0;
  1336. background: left/contain no-repeat url(../images/puca.svg);
  1337. margin-top: .5rem; }
  1338. #footer-bottom #block-pieddepage ul {
  1339. line-height: 2; }
  1340. #footer-bottom #block-pieddepage ul li a {
  1341. text-transform: uppercase;
  1342. text-decoration: none;
  1343. font-weight: 400; }
  1344. #footer-bottom #block-pieddepage ul li a:hover {
  1345. text-decoration: underline; }
  1346. #footer-bottom .footer_bottom_right_container > div > div p {
  1347. display: inline-block; }
  1348. #footer-bottom .footer_bottom_right_container > div > div p a {
  1349. min-width: 3rem;
  1350. min-height: 3rem; }
  1351. #footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] {
  1352. height: 100%;
  1353. display: block;
  1354. font-size: 0;
  1355. color: transparent;
  1356. background: left/contain no-repeat url(../images/tw.svg); }
  1357. #footer-bottom .footer_bottom_right_container > div > div p a[href*='linkedin'] {
  1358. height: 100%;
  1359. display: block;
  1360. font-size: 0;
  1361. color: transparent;
  1362. background: left/contain no-repeat url(../images/ln.svg); }
  1363. #footer-bottom .footer_bottom_right_container > div > div p a[href*='youtube'] {
  1364. height: 100%;
  1365. display: block;
  1366. font-size: 0;
  1367. color: transparent;
  1368. background: left/contain no-repeat url(../images/yt.svg); }
  1369. @media print, screen and (max-width: 39.99875em) {
  1370. #footer-bottom .footer_bottom_right_container {
  1371. text-align: center;
  1372. margin-top: 1rem; } }
  1373. .path-frontpage .header_top_left_container div:nth-child(2) img {
  1374. width: 77%; }
  1375. .path-frontpage .block-region-content {
  1376. display: grid;
  1377. grid-template-columns: repeat(3, minmax(0, 1fr));
  1378. align-items: center; }
  1379. .path-frontpage .block-region-content .views-element-container {
  1380. grid-column: 1 / span 3; }
  1381. .last-news .slick-slide, .last-ressources .slick-slide {
  1382. margin: 0 1rem; }
  1383. .last-news .slick-arrow, .last-ressources .slick-arrow {
  1384. position: absolute;
  1385. height: 100%;
  1386. cursor: pointer;
  1387. z-index: 100;
  1388. opacity: 0.2;
  1389. transition: opacity 250ms;
  1390. width: 10%; }
  1391. .last-news .slick-arrow:hover, .last-ressources .slick-arrow:hover {
  1392. opacity: .5; }
  1393. .last-news .slick-next, .last-ressources .slick-next {
  1394. right: 0;
  1395. top: 0; }
  1396. .last-news .views-row, .last-ressources .views-row {
  1397. display: grid !important;
  1398. grid-template-columns: 1fr;
  1399. position: relative;
  1400. height: auto; }
  1401. .last-news .views-row a, .last-ressources .views-row a {
  1402. text-decoration: none; }
  1403. .last-news .programme-1 .views-field:not(.views-field-field-image) {
  1404. background: #61ab32 !important; }
  1405. .last-news .programme-2 .views-field:not(.views-field-field-image) {
  1406. background: #4dabc1 !important; }
  1407. .last-news .programme-3 .views-field:not(.views-field-field-image) {
  1408. background: #646578 !important; }
  1409. .last-news .programme-4 .views-field:not(.views-field-field-image) {
  1410. background: black; }
  1411. .last-news .programme-5 .views-field:not(.views-field-field-image) {
  1412. background: #ab9569 !important; }
  1413. .last-news .programme-6 .views-field:not(.views-field-field-image) {
  1414. background: #e01a35 !important; }
  1415. .last-news .programme-7 .views-field:not(.views-field-field-image) {
  1416. background: #28429f !important; }
  1417. .last-news {
  1418. margin-top: 2rem; }
  1419. .last-news .views-field-field-image {
  1420. height: 20rem; }
  1421. .last-news .views-field-field-image img {
  1422. width: 100%; }
  1423. .last-news .views-field-field-image {
  1424. grid-column: 1;
  1425. grid-row: auto;
  1426. z-index: -1;
  1427. margin-top: -15%; }
  1428. .last-news .views-field:not(.views-field-field-image) {
  1429. padding-right: .5rem;
  1430. padding-left: .5rem;
  1431. background-color: black;
  1432. width: 90%;
  1433. margin-left: 1rem;
  1434. color: white;
  1435. align-self: flex-start;
  1436. grid-auto-rows: min-content;
  1437. font-size: 0.6rem;
  1438. text-transform: uppercase; }
  1439. .last-news .views-field-title {
  1440. font-size: 1rem !important;
  1441. font-weight: 500;
  1442. line-height: 1.2;
  1443. padding-top: .3rem; }
  1444. .last-news .views-field-field-sous-titre {
  1445. padding: .5rem 0 1rem 0; }
  1446. .last-news .views-field-field-programme {
  1447. text-transform: uppercase;
  1448. grid-row: 1;
  1449. font-weight: 500;
  1450. padding: .5rem 0 .5rem 0; }
  1451. .last-ressources .views-field {
  1452. color: black; }
  1453. .last-ressources .views-field-field-image {
  1454. grid-column: 1;
  1455. grid-row: 1 / span 4;
  1456. z-index: -1; }
  1457. .last-ressources .views-field:not(.views-field-field-image) {
  1458. background: black;
  1459. width: 50%;
  1460. margin-left: 1rem;
  1461. padding-left: 1rem;
  1462. color: white; }
  1463. .last-ressources .views-field-title-1, .last-ressources .views-field-title {
  1464. padding-bottom: 1rem;
  1465. grid-column: 2;
  1466. grid-row: 3;
  1467. font-weight: 600; }
  1468. .last-ressources .views-field-view-node {
  1469. grid-row: 4 / span 1;
  1470. grid-column: 2 / span 1;
  1471. margin-bottom: 1rem;
  1472. display: none; }
  1473. .last-ressources .views-field-field-programme {
  1474. text-transform: uppercase;
  1475. grid-column: 1;
  1476. grid-row: 1;
  1477. font-weight: 500;
  1478. margin-bottom: 1rem; }
  1479. .last-ressources .programme-1 .views-field {
  1480. color: #61ab32 !important; }
  1481. .last-ressources .programme-1 .views-field-field-programme .field-content {
  1482. background: #61ab32; }
  1483. .last-ressources .programme-2 .views-field {
  1484. color: #4dabc1 !important; }
  1485. .last-ressources .programme-2 .views-field-field-programme .field-content {
  1486. background: #4dabc1; }
  1487. .last-ressources .programme-3 .views-field {
  1488. color: #646578 !important; }
  1489. .last-ressources .programme-3 .views-field-field-programme .field-content {
  1490. background: #646578; }
  1491. .last-ressources .programme-4 .views-field {
  1492. color: black; }
  1493. .last-ressources .programme-4 .views-field-field-programme .field-content {
  1494. background: black; }
  1495. .last-ressources .programme-5 .views-field {
  1496. color: #ab9569 !important; }
  1497. .last-ressources .programme-5 .views-field-field-programme .field-content {
  1498. background: #ab9569; }
  1499. .last-ressources .programme-6 .views-field {
  1500. color: #e01a35 !important; }
  1501. .last-ressources .programme-6 .views-field-field-programme .field-content {
  1502. background: #e01a35; }
  1503. .last-ressources .programme-7 .views-field {
  1504. color: #28429f !important; }
  1505. .last-ressources .programme-7 .views-field-field-programme .field-content {
  1506. background: #28429f; }
  1507. .main_logo {
  1508. z-index: 10;
  1509. height: 7rem;
  1510. position: relative;
  1511. background: center/contain no-repeat url(../images/popsu-home-logo.png);
  1512. margin: -9% 0 3rem 0 !important; }
  1513. @media print, screen and (max-width: 39.99875em) {
  1514. .main_logo {
  1515. margin: -20% 0 3rem 0 !important; } }
  1516. .about {
  1517. box-shadow: inset 0 17rem 18rem white;
  1518. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
  1519. font-size: 0.8rem;
  1520. text-align: center;
  1521. padding: 18rem 0 3rem 0;
  1522. margin-top: -16rem; }
  1523. .about .views-row .views-field-title {
  1524. font-family: "duke" !important;
  1525. font-size: 1.6rem;
  1526. color: black;
  1527. font-weight: 400; }
  1528. .about .views-row .views-field-title a {
  1529. text-decoration: none; }
  1530. .about .views-row h3 {
  1531. color: black; }
  1532. .about .views-row div {
  1533. margin: 0 5%; }
  1534. @media print, screen and (max-width: 39.99875em) {
  1535. .about .views-row div {
  1536. margin: 0 3%; } }
  1537. .about .views-row .views-field-view-node {
  1538. display: inline-block;
  1539. margin: 0 auto;
  1540. background: black;
  1541. color: white;
  1542. font-family: "trueno";
  1543. font-weight: 500;
  1544. padding: .3rem .7rem;
  1545. font-size: 0.6rem;
  1546. text-decoration: none;
  1547. text-transform: uppercase;
  1548. margin-top: 1rem; }
  1549. .about .views-row .views-field-view-node a {
  1550. text-decoration: none; }
  1551. .about .views-row .views-field-view-node a:hover {
  1552. text-decoration: underline; }
  1553. .about .views-row .views-field-view-node:hover {
  1554. color: black;
  1555. background: white; }
  1556. #projets-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
  1557. display: none; }
  1558. .header_container {
  1559. display: grid;
  1560. grid-template-columns: repeat(3, 1fr);
  1561. grid-column: 1 / span 3; }
  1562. .header_container header {
  1563. text-align: center;
  1564. font-family: 'duke';
  1565. font-size: 3.1rem;
  1566. line-height: 1;
  1567. opacity: .3;
  1568. cursor: pointer;
  1569. padding: .8rem;
  1570. align-self: center; }
  1571. .header_container header .arrow {
  1572. font-size: 1.6rem;
  1573. display: block;
  1574. margin-top: -1rem; }
  1575. .header_container header.active {
  1576. opacity: 1;
  1577. font-size: 4rem; }
  1578. @media print, screen and (max-width: 39.99875em) {
  1579. .header_container header {
  1580. font-size: 2rem; }
  1581. .header_container header.active {
  1582. font-size: 2.8rem; } }
  1583. @media print, screen and (max-width: 39.99875em) {
  1584. .header_container {
  1585. grid-template-columns: repeat(2, minmax(0, 1fr)); }
  1586. .header_container header[data-dom="programmes-block_4"] {
  1587. display: none; } }
  1588. #home_themes-block_1 {
  1589. display: none; }
  1590. #home_themes-block_1 .slick-slide {
  1591. margin: 0 1rem; }
  1592. #home_themes-block_1 .slick-arrow {
  1593. position: absolute;
  1594. height: 100%;
  1595. cursor: pointer;
  1596. z-index: 100;
  1597. opacity: 0.2;
  1598. transition: opacity 250ms;
  1599. width: 10%; }
  1600. #home_themes-block_1 .slick-arrow:hover {
  1601. opacity: .5; }
  1602. #home_themes-block_1 .slick-next {
  1603. right: 0;
  1604. top: 0; }
  1605. #home_themes-block_1 .views-row {
  1606. background-clip: content-box;
  1607. background-color: grey;
  1608. width: 100% !important;
  1609. position: relative; }
  1610. #home_themes-block_1 .views-row:after {
  1611. content: "";
  1612. display: block;
  1613. padding-bottom: 100%; }
  1614. #home_themes-block_1 .views-field-title {
  1615. display: grid;
  1616. top: 0;
  1617. left: 0;
  1618. width: 100%;
  1619. height: 100%;
  1620. z-index: 10;
  1621. position: absolute;
  1622. text-align: center;
  1623. align-items: center;
  1624. padding: .8rem 1rem;
  1625. font-size: 0.8rem;
  1626. font-weight: 600;
  1627. color: white; }
  1628. #home_themes-block_1 .views-field-title a {
  1629. margin-top: -.5rem;
  1630. text-decoration: none; }
  1631. #home_themes-block_1 .views-field-field-image:before {
  1632. content: "";
  1633. display: block;
  1634. position: absolute;
  1635. background: black;
  1636. opacity: .4;
  1637. width: 100%;
  1638. height: 100%; }
  1639. #home_themes-block_1 .views-field-field-image {
  1640. top: 0;
  1641. left: 0;
  1642. width: 100%;
  1643. height: 100%;
  1644. position: absolute; }
  1645. #home_themes-block_1 .views-field-field-image .field-content {
  1646. display: grid;
  1647. padding: 0;
  1648. overflow: hidden;
  1649. width: 100%;
  1650. height: 100%; }
  1651. #home_themes-block_1 .views-field-field-image .field-content img {
  1652. height: 100% !important;
  1653. width: inherit !important;
  1654. max-width: none; }
  1655. #programmes-block_4 {
  1656. display: none;
  1657. grid-column: 1 / span 3; }
  1658. #programmes-block_4 > div > div {
  1659. display: flex;
  1660. align-items: center;
  1661. justify-items: center;
  1662. margin-top: 0; }
  1663. #programmes-block_4 > div > div .views-row {
  1664. background-clip: content-box;
  1665. min-height: 11rem;
  1666. width: 100%;
  1667. display: flex;
  1668. flex-wrap: wrap;
  1669. align-items: flex-start;
  1670. align-content: center;
  1671. padding: 1rem; }
  1672. #programmes-block_4 > div > div .views-row .views-field {
  1673. flex-basis: 100%; }
  1674. #programmes-block_4 > div > div .views-row .views-field:not(.views-field-field-logo) {
  1675. font-size: 0.8rem;
  1676. font-weight: 600;
  1677. display: none; }
  1678. #programmes-block_4 > div > div .views-row .views-field-title {
  1679. margin-bottom: .7rem; }
  1680. #programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) {
  1681. font-weight: 600;
  1682. display: block;
  1683. color: white;
  1684. text-align: center; }
  1685. #programmes-block_4 > div > div .views-row:hover .views-field:not(.views-field-field-logo) a {
  1686. text-decoration: none; }
  1687. #programmes-block_4 > div > div .views-row .views-field-field-logo {
  1688. text-align: center; }
  1689. #programmes-block_4 > div > div .views-field-field-diaporama {
  1690. display: none; }
  1691. #programmes-block_4 > div > div .programme-1 img {
  1692. width: 60%; }
  1693. #programmes-block_4 > div > div .programme-1:hover {
  1694. background: #61ab32; }
  1695. #programmes-block_4 > div > div .programme-1:hover img {
  1696. display: none; }
  1697. #programmes-block_4 > div > div .programme-2 img {
  1698. width: 60%; }
  1699. #programmes-block_4 > div > div .programme-2:hover {
  1700. background: #4dabc1; }
  1701. #programmes-block_4 > div > div .programme-2:hover img {
  1702. display: none; }
  1703. #programmes-block_4 > div > div .programme-3 img {
  1704. width: 60%; }
  1705. #programmes-block_4 > div > div .programme-3:hover {
  1706. background: #646578; }
  1707. #programmes-block_4 > div > div .programme-3:hover img {
  1708. display: none; }
  1709. #programmes-block_4 > div > div .programme-5 img {
  1710. width: 46%; }
  1711. #programmes-block_4 > div > div .programme-5:hover {
  1712. background: #ab9569; }
  1713. #programmes-block_4 > div > div .programme-5:hover img {
  1714. display: none; }
  1715. #programmes-block_4 > div > div .programme-6 img {
  1716. width: 60%; }
  1717. #programmes-block_4 > div > div .programme-6:hover {
  1718. background: #e01a35; }
  1719. #programmes-block_4 > div > div .programme-6:hover img {
  1720. display: none; }
  1721. #programmes-block_4 > div > div .programme-7 img {
  1722. width: 60%; }
  1723. #programmes-block_4 > div > div .programme-7:hover {
  1724. background: #28429f; }
  1725. #programmes-block_4 > div > div .programme-7:hover img {
  1726. display: none; }
  1727. #home_blocks-block_3 {
  1728. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
  1729. padding: 2rem; }
  1730. #home_blocks-block_3 h2 {
  1731. text-align: center;
  1732. margin: 0 0 1rem 0; }
  1733. #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
  1734. width: 80%; }
  1735. #home_blocks-block_3 .last-ressources .views-row {
  1736. display: grid !important;
  1737. grid-template-columns: 1fr 1fr;
  1738. align-items: center;
  1739. background: white;
  1740. position: relative;
  1741. height: auto;
  1742. padding: 1rem;
  1743. background-clip: content-box; }
  1744. #home_blocks-block_3 .last-ressources .views-field-field-image {
  1745. grid-row: 3 / span 3;
  1746. z-index: 0;
  1747. padding: .5rem;
  1748. margin-top: -1.3rem; }
  1749. #home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
  1750. background: transparent;
  1751. width: auto;
  1752. margin-left: 0;
  1753. padding-left: 0;
  1754. color: black; }
  1755. #home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
  1756. font-weight: 400;
  1757. grid-row: 3 / span 1;
  1758. grid-column: 2;
  1759. font-style: italic; }
  1760. #home_blocks-block_3 .last-ressources .views-field-field-auteurs {
  1761. grid-row: 2 / span 1;
  1762. font-weight: 600;
  1763. grid-column: 2; }
  1764. #home_blocks-block_3 .last-ressources .views-field-field-edition {
  1765. grid-row: 4;
  1766. grid-column: 2; }
  1767. #home_blocks-block_3 .last-ressources .views-field-field-programme {
  1768. padding-left: .5rem !important;
  1769. grid-row: 1 / span 1;
  1770. grid-column: 1 / span 2;
  1771. text-transform: uppercase;
  1772. margin-top: -.5rem; }
  1773. #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
  1774. display: inline-block;
  1775. width: auto;
  1776. padding: .3rem .5rem; }
  1777. #home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
  1778. background-color: black;
  1779. height: 1rem; }
  1780. #home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
  1781. font-weight: 600;
  1782. display: inline-block;
  1783. width: auto;
  1784. color: white;
  1785. padding: .02rem .3rem; }
  1786. .path-centre-de-ressources {
  1787. background-color: #eff2f9; }
  1788. .path-centre-de-ressources .slick-slider {
  1789. display: none; }
  1790. .path-centre-de-ressources .programme-1 {
  1791. color: #61ab32; }
  1792. .path-centre-de-ressources .programme-1 .views-field-field-programme .field-content {
  1793. background: #61ab32;
  1794. color: white; }
  1795. .path-centre-de-ressources .programme-2 {
  1796. color: #4dabc1; }
  1797. .path-centre-de-ressources .programme-2 .views-field-field-programme .field-content {
  1798. background: #4dabc1;
  1799. color: white; }
  1800. .path-centre-de-ressources .programme-3 {
  1801. color: #646578; }
  1802. .path-centre-de-ressources .programme-3 .views-field-field-programme .field-content {
  1803. background: #646578;
  1804. color: white; }
  1805. .path-centre-de-ressources .programme-4 {
  1806. color: #28429f; }
  1807. .path-centre-de-ressources .programme-4 .views-field-field-programme .field-content {
  1808. background: #28429f;
  1809. color: white; }
  1810. .path-centre-de-ressources .programme-5 {
  1811. color: #ab9569; }
  1812. .path-centre-de-ressources .programme-5 .views-field-field-programme .field-content {
  1813. background: #ab9569;
  1814. color: white; }
  1815. .path-centre-de-ressources .programme-6 {
  1816. color: #e01a35; }
  1817. .path-centre-de-ressources .programme-6 .views-field-field-programme .field-content {
  1818. background: #e01a35;
  1819. color: white; }
  1820. .path-centre-de-ressources .programme-7 {
  1821. color: #28429f; }
  1822. .path-centre-de-ressources .programme-7 .views-field-field-programme .field-content {
  1823. background: #28429f;
  1824. color: white; }
  1825. .path-centre-de-ressources main {
  1826. flex: 0 0 100%;
  1827. max-width: 100%; }
  1828. .path-centre-de-ressources header {
  1829. margin-bottom: 0; }
  1830. .path-centre-de-ressources header .slick-slide {
  1831. margin: 0 1rem; }
  1832. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) {
  1833. display: grid !important;
  1834. grid-template-columns: 1fr;
  1835. background-color: white;
  1836. position: relative;
  1837. height: auto; }
  1838. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) {
  1839. padding: 0 0 0 .4rem; }
  1840. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image {
  1841. grid-row: 3 / span 2;
  1842. margin-top: -1.5rem; }
  1843. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img {
  1844. width: 100%; }
  1845. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme {
  1846. grid-row: 1 / span 1;
  1847. grid-column: 1 / span 2; }
  1848. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content {
  1849. font-weight: 600;
  1850. display: inline-block;
  1851. width: auto;
  1852. color: white;
  1853. padding: .15rem .3rem;
  1854. margin-bottom: 1rem; }
  1855. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content {
  1856. color: black; }
  1857. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource {
  1858. text-transform: uppercase;
  1859. font-weight: 600;
  1860. margin-bottom: .5rem;
  1861. font-size: 0.45rem;
  1862. grid-row: 2 / span 1;
  1863. grid-column: 2 / span 1; }
  1864. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title {
  1865. font-style: italic;
  1866. grid-row: 3 / span 1;
  1867. grid-column: 2 / span 1; }
  1868. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre {
  1869. margin-bottom: 1rem;
  1870. grid-row: 4 / span 1;
  1871. grid-column: 2 / span 1;
  1872. align-self: baseline; }
  1873. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme {
  1874. grid-row: 5 / span 1;
  1875. grid-column: 1 / span 2;
  1876. font-size: 0.45rem; }
  1877. .path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a {
  1878. text-decoration: none; }
  1879. .path-centre-de-ressources header .slick-slide .type-74 {
  1880. display: grid !important;
  1881. grid-template-columns: 1fr;
  1882. grid-auto-rows: min-content;
  1883. background-color: white;
  1884. width: 100% !important;
  1885. padding: .3rem; }
  1886. .path-centre-de-ressources header .slick-slide .type-74 a {
  1887. text-decoration: none; }
  1888. .path-centre-de-ressources header .slick-slide .type-74 a:hover {
  1889. text-decoration: underline; }
  1890. .path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) {
  1891. padding: 0 0 0 .4rem; }
  1892. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image {
  1893. grid-row: 2; }
  1894. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img {
  1895. width: 80%; }
  1896. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme {
  1897. grid-row: 1 / span 1; }
  1898. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content {
  1899. font-weight: 600;
  1900. display: inline-block;
  1901. width: auto;
  1902. color: white;
  1903. padding: .15rem .3rem;
  1904. margin-bottom: 1rem; }
  1905. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content {
  1906. color: black; }
  1907. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource {
  1908. text-transform: uppercase;
  1909. font-weight: 600;
  1910. margin-bottom: .5rem;
  1911. font-size: 0.45rem; }
  1912. .path-centre-de-ressources header .slick-slide .type-74 .views-field-title {
  1913. font-style: italic; }
  1914. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre {
  1915. margin-bottom: 1rem;
  1916. align-self: baseline; }
  1917. .path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme {
  1918. font-size: 0.45rem;
  1919. text-align: right; }
  1920. .path-centre-de-ressources header .slick-arrow {
  1921. position: absolute;
  1922. height: 100%;
  1923. cursor: pointer;
  1924. z-index: 100;
  1925. opacity: 0.2;
  1926. transition: opacity 250ms;
  1927. width: 10%; }
  1928. .path-centre-de-ressources header .slick-arrow:hover {
  1929. opacity: .5; }
  1930. .path-centre-de-ressources header .slick-next {
  1931. right: 0;
  1932. top: 0; }
  1933. .path-centre-de-ressources .content_container > div > h2:first-child {
  1934. text-align: center;
  1935. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
  1936. padding: 1rem 0; }
  1937. .path-centre-de-ressources form {
  1938. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
  1939. display: grid;
  1940. padding: 5rem 0 1rem 0;
  1941. column-gap: 1rem;
  1942. grid-template-columns: calc(10% - 3em) repeat(4, 20%); }
  1943. .path-centre-de-ressources form > div:first-child {
  1944. grid-column-start: 2; }
  1945. .path-centre-de-ressources form .form-item-combine {
  1946. grid-row: 1 / span 1;
  1947. grid-column-start: 2; }
  1948. .path-centre-de-ressources form .form-item-programme {
  1949. grid-column-start: 2; }
  1950. .path-centre-de-ressources form .form-item-field-collections-target-id {
  1951. grid-column-start: 2; }
  1952. .path-centre-de-ressources form .form-item-items-per-page {
  1953. grid-column-start: 3; }
  1954. .path-centre-de-ressources form select, .path-centre-de-ressources form input {
  1955. display: inline-block;
  1956. width: auto;
  1957. width: 100%;
  1958. font-size: 0.6rem;
  1959. padding: .3rem 1rem;
  1960. height: auto; }
  1961. .path-centre-de-ressources form div {
  1962. display: inline-block;
  1963. width: auto; }
  1964. .path-centre-de-ressources form .form-actions {
  1965. grid-column: 4 / span 2;
  1966. display: grid;
  1967. grid-template-columns: repeat(2, minmax(0, 1fr));
  1968. align-items: center;
  1969. column-gap: 1rem; }
  1970. .path-centre-de-ressources form .form-actions input {
  1971. background-color: transparent;
  1972. border: solid 1px black;
  1973. box-shadow: none; }
  1974. .path-centre-de-ressources .views-view-grid {
  1975. margin-top: 3rem; }
  1976. .path-centre-de-ressources .views-view-grid .views-row {
  1977. display: grid;
  1978. column-gap: 1rem;
  1979. row-gap: 1rem;
  1980. grid-template-columns: calc(10% - 3em) repeat(3, 27.3%);
  1981. align-items: flex-start; }
  1982. .path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
  1983. grid-column-start: 2; }
  1984. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) {
  1985. display: grid;
  1986. grid-template-columns: 40% 60%;
  1987. grid-auto-rows: min-content;
  1988. background-color: white;
  1989. width: 100% !important;
  1990. padding: .3rem; }
  1991. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a {
  1992. text-decoration: none; }
  1993. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
  1994. text-decoration: underline; }
  1995. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
  1996. padding: 0 0 0 .4rem; }
  1997. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
  1998. grid-row: 4 / span 2;
  1999. margin-top: -1.5rem; }
  2000. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-edition {
  2001. grid-column: 2;
  2002. grid-row: 6; }
  2003. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-auteurs {
  2004. font-weight: 600;
  2005. grid-column: 2;
  2006. grid-row: 3; }
  2007. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme {
  2008. grid-row: 1 / span 1;
  2009. grid-column: 1 / span 2; }
  2010. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content {
  2011. font-weight: 600;
  2012. display: inline-block;
  2013. width: auto;
  2014. color: white;
  2015. padding: .15rem .3rem;
  2016. margin-bottom: 1rem; }
  2017. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
  2018. text-transform: uppercase;
  2019. font-weight: 600;
  2020. margin-bottom: .5rem;
  2021. font-size: 0.45rem;
  2022. grid-row: 2 / span 1;
  2023. grid-column: 2 / span 1; }
  2024. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title {
  2025. font-style: italic;
  2026. grid-row: 4 / span 1;
  2027. grid-column: 2 / span 1; }
  2028. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre {
  2029. margin-bottom: 1rem;
  2030. grid-row: 5 / span 1;
  2031. grid-column: 2 / span 1;
  2032. align-self: baseline; }
  2033. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
  2034. grid-row: 7 / span 1;
  2035. grid-column: 1 / span 2;
  2036. font-size: 0.45rem; }
  2037. .path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
  2038. color: black; }
  2039. .path-centre-de-ressources .views-view-grid .type-74 {
  2040. display: grid;
  2041. grid-template-columns: 1fr;
  2042. grid-auto-rows: min-content;
  2043. background-color: white;
  2044. width: 100% !important;
  2045. padding: .3rem; }
  2046. .path-centre-de-ressources .views-view-grid .type-74 a {
  2047. text-decoration: none; }
  2048. .path-centre-de-ressources .views-view-grid .type-74 a:hover {
  2049. text-decoration: underline; }
  2050. .path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) {
  2051. padding: 0 0 0 .4rem; }
  2052. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image {
  2053. grid-row: 2; }
  2054. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme {
  2055. grid-row: 1 / span 1; }
  2056. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content {
  2057. font-weight: 600;
  2058. display: inline-block;
  2059. width: auto;
  2060. color: white;
  2061. padding: .15rem .3rem;
  2062. margin-bottom: 1rem; }
  2063. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content {
  2064. color: black; }
  2065. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource {
  2066. text-transform: uppercase;
  2067. font-weight: 600;
  2068. margin-bottom: .5rem;
  2069. font-size: 0.45rem;
  2070. margin-top: .3rem; }
  2071. .path-centre-de-ressources .views-view-grid .type-74 .views-field-title {
  2072. font-style: italic; }
  2073. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre {
  2074. margin-bottom: 1rem;
  2075. align-self: baseline; }
  2076. .path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
  2077. font-size: 0.45rem;
  2078. text-align: right; }
  2079. .path-centre-de-ressources nav {
  2080. display: grid;
  2081. align-items: center;
  2082. justify-items: center; }
  2083. .path-centre-de-ressources .js-pager__items {
  2084. text-align: center; }
  2085. .path-centre-de-ressources .js-pager__items li {
  2086. display: inline-block;
  2087. float: left;
  2088. margin: 0 .2rem; }
  2089. article h2, article h3, article h4, article h5, article h6, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
  2090. font-family: "trueno";
  2091. font-weight: 600;
  2092. font-size: 0.8rem;
  2093. color: black;
  2094. margin-top: 1rem;
  2095. margin-bottom: .3rem; }
  2096. article p, .paragraph p {
  2097. margin-bottom: .5rem; }
  2098. .block-region-first h2, .block-region-third h2 {
  2099. font-size: 1rem;
  2100. background-color: black;
  2101. color: white;
  2102. padding: .3rem 1rem; }
  2103. .block-region-first .views-field-field-intro, .block-region-third .views-field-field-intro {
  2104. display: none; }
  2105. .block-region-first {
  2106. background-color: black;
  2107. color: white;
  2108. z-index: 120; }
  2109. .block-region-first #node\:title {
  2110. text-transform: uppercase;
  2111. font-family: 'duke';
  2112. font-size: 1rem;
  2113. text-decoration: none; }
  2114. .block-region-first #node\:title:hover {
  2115. text-decoration: underline; }
  2116. .page-node-type-static .layout__region {
  2117. position: relative; }
  2118. .page-node-type-static .layout__region--top {
  2119. position: absolute;
  2120. top: 0;
  2121. left: 0;
  2122. width: 100vw;
  2123. height: 40vh;
  2124. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg);
  2125. box-shadow: inset 0 -5rem 8rem white;
  2126. z-index: -1; }
  2127. .page-node-type-static .block-region-third {
  2128. position: sticky;
  2129. top: 3rem; }
  2130. .page-node-type-static .block-region-first {
  2131. padding: 1rem; }
  2132. .page-node-type-static .block-region-first .field_titre {
  2133. font-size: 0.6rem;
  2134. font-weight: 600;
  2135. margin-top: .5rem;
  2136. cursor: pointer; }
  2137. .page-node-type-static .block-region-first .field_titre:hover {
  2138. text-decoration: underline; }
  2139. .page-node-type-static .block-region-first #node\:title {
  2140. font-size: 1.3rem; }
  2141. .page-node-type-static .block-region-first #node\:title:hover {
  2142. text-decoration: none; }
  2143. .page-node-type-static .field_textes .paragraph {
  2144. border-bottom: 3px dotted gray;
  2145. padding: 1rem 0; }
  2146. .page-node-type-static .field_textes .paragraph .field_titre {
  2147. font-size: 1rem;
  2148. font-weight: 600;
  2149. text-transform: initial;
  2150. cursor: pointer; }
  2151. .page-node-type-static .field_textes .paragraph .field_texte {
  2152. height: auto;
  2153. position: relative;
  2154. -webkit-transition: all 250ms ease;
  2155. -moz-transition: all 250ms ease;
  2156. -o-transition: all 250ms ease;
  2157. transition: all 250ms ease; }
  2158. .page-node-type-static .field_textes .paragraph .field_texte h2 {
  2159. text-transform: inherit; }
  2160. .page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
  2161. background-color: black;
  2162. color: white; }
  2163. .page-node-type-actualite .block-region-first a, .page-node-type-evenement .block-region-first a {
  2164. text-transform: uppercase;
  2165. font-family: 'duke';
  2166. font-size: 1rem;
  2167. padding: .3rem .5rem;
  2168. text-decoration: none; }
  2169. .page-node-type-actualite .block-region-first a:hover, .page-node-type-evenement .block-region-first a:hover {
  2170. text-decoration: underline; }
  2171. .page-node-type-actualite #node\:title, .page-node-type-evenement #node\:title {
  2172. font-family: "trueno";
  2173. font-weight: 600;
  2174. font-size: 0.8rem;
  2175. margin-top: 1rem;
  2176. margin-bottom: .3rem; }
  2177. .path-actus .content_container > div > h2:first-of-type {
  2178. text-align: center; }
  2179. .path-actus .content_container .layout__region--content .views-element-container {
  2180. display: grid;
  2181. grid-template-columns: 10% minmax(0, 1fr); }
  2182. .path-actus .content_container .layout__region--content .views-element-container h2 {
  2183. grid-column: 2;
  2184. padding: 0 0 0 20px; }
  2185. .path-actus .content_container .layout__region--content .views-element-container div {
  2186. grid-column: 2; }
  2187. .path-actus .content_container .layout__region--content .views-element-container div h2 {
  2188. margin: 1rem 0; }
  2189. .path-actus .content_container .layout__region--content .views-element-container article h2 {
  2190. padding: 0; }
  2191. .path-actus .content_container .layout__region--content .views-element-container article h2 a {
  2192. text-decoration: none; }
  2193. .path-actus .content_container .layout__region--content .views-element-container article h2 a:hover {
  2194. text-decoration: underline; }
  2195. .path-actus .content_container .layout__region--content .views-element-container footer {
  2196. text-align: center;
  2197. margin: 1.8rem 0;
  2198. grid-column: 1 / span 2;
  2199. background: transparent; }
  2200. .path-actus .content_container .layout__region--content .views-element-container footer a {
  2201. display: inline-block;
  2202. margin: 0 auto;
  2203. background: black;
  2204. color: white;
  2205. font-family: "trueno";
  2206. font-weight: 500;
  2207. padding: .3rem .7rem;
  2208. font-size: 0.45rem;
  2209. text-decoration: none;
  2210. text-transform: uppercase; }
  2211. .path-actus .content_container .layout__region--content .views-element-container footer a:hover {
  2212. color: black;
  2213. background: white; }
  2214. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article {
  2215. background: #61ab32 !important; }
  2216. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-1 article .field_programme {
  2217. color: #61ab32; }
  2218. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article {
  2219. background: #4dabc1 !important; }
  2220. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-2 article .field_programme {
  2221. color: #4dabc1; }
  2222. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article {
  2223. background: #646578 !important; }
  2224. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-3 article .field_programme {
  2225. color: #646578; }
  2226. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article {
  2227. background: black; }
  2228. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-4 article .field_programme {
  2229. color: black; }
  2230. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article {
  2231. background: #ab9569 !important; }
  2232. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-5 article .field_programme {
  2233. color: #ab9569; }
  2234. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article {
  2235. background: #e01a35 !important; }
  2236. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-6 article .field_programme {
  2237. color: #e01a35; }
  2238. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article {
  2239. background: #28429f !important; }
  2240. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .programme-7 article .field_programme {
  2241. color: #28429f; }
  2242. .path-actus .content_container .layout__region--content #actus_blocks-block_2 .slick-slide {
  2243. margin: 0 1rem;
  2244. padding: 0; }
  2245. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article {
  2246. color: white; }
  2247. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div {
  2248. display: grid;
  2249. grid-column: 1 / span 2;
  2250. margin-top: -1rem; }
  2251. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_programme {
  2252. grid-row: 1;
  2253. z-index: 10; }
  2254. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image {
  2255. grid-row: 2;
  2256. margin-top: -.5rem; }
  2257. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_image img {
  2258. width: 100%; }
  2259. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article div .field_sous_titre {
  2260. grid-row: 3;
  2261. margin: .5rem 1rem !important; }
  2262. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article h2 {
  2263. color: white;
  2264. margin: -1rem 1rem 1rem 1rem; }
  2265. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme {
  2266. display: block; }
  2267. .path-actus .content_container .layout__region--content #actus_blocks-block_2 article .field_programme a {
  2268. background: white;
  2269. display: inline-block;
  2270. width: auto;
  2271. text-decoration: none;
  2272. font-weight: 600;
  2273. text-transform: uppercase;
  2274. padding: .3rem .3rem 0 .3rem; }
  2275. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .slick-slide {
  2276. margin: 0 1rem;
  2277. padding: 0; }
  2278. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 h2 {
  2279. color: #61ab32 !important; }
  2280. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 .field_programme a {
  2281. background: #61ab32; }
  2282. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 h2 {
  2283. color: #4dabc1 !important; }
  2284. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 .field_programme a {
  2285. background: #4dabc1; }
  2286. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 h2 {
  2287. color: #646578 !important; }
  2288. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 .field_programme a {
  2289. background: #646578; }
  2290. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 h2 {
  2291. color: black; }
  2292. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 .field_programme a {
  2293. background: black; }
  2294. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 h2 {
  2295. color: #ab9569 !important; }
  2296. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 .field_programme a {
  2297. background: #ab9569; }
  2298. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 h2 {
  2299. color: #e01a35 !important; }
  2300. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 .field_programme a {
  2301. background: #e01a35; }
  2302. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 article, .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 h2 {
  2303. color: #28429f !important; }
  2304. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 .field_programme a {
  2305. background: #28429f; }
  2306. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article {
  2307. background: white; }
  2308. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type {
  2309. display: grid;
  2310. grid-column: 1 / span 2;
  2311. margin-top: -1rem; }
  2312. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_programme {
  2313. grid-row: 1;
  2314. z-index: 10; }
  2315. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image {
  2316. grid-row: 2;
  2317. margin-top: -.5rem; }
  2318. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_image img {
  2319. width: 100%; }
  2320. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_dates_actu {
  2321. grid-row: 3;
  2322. margin: .5rem 1rem; }
  2323. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article > div:first-of-type .field_sous_titre {
  2324. grid-row: 4;
  2325. margin: 0rem 1rem; }
  2326. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article h2 {
  2327. margin: .5rem 1rem !important; }
  2328. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme {
  2329. display: block; }
  2330. .path-actus .content_container .layout__region--content #actus_blocks-block_1 article .field_programme a {
  2331. color: white;
  2332. display: inline-block;
  2333. width: auto;
  2334. text-decoration: none;
  2335. font-weight: 600;
  2336. text-transform: uppercase;
  2337. padding: .3rem .3rem 0 .3rem; }
  2338. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .links, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .links {
  2339. visibility: hidden; }
  2340. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article {
  2341. display: grid;
  2342. grid-template-columns: repeat(2, minmax(0, 1fr));
  2343. position: relative;
  2344. height: auto; }
  2345. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article .field_programme, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article .field_programme {
  2346. margin: 0 0 0 1rem; }
  2347. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article h2, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article h2 {
  2348. grid-row: 2;
  2349. grid-column: 1 / span 2; }
  2350. .path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article div:first, .path-actus .content_container .layout__region--content #actus_blocks-block_2 .views-row article div:first {
  2351. grid-row: 1;
  2352. grid-column: 1 / span 2; }
  2353. .path-actus .content_container .layout__region--content #home_blocks-block_3 .views-field-field-image {
  2354. grid-column: 1; }
  2355. .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide {
  2356. background-color: transparent;
  2357. padding: 0; }
  2358. .path-actus .content_container .layout__region--content #home_blocks-block_3 .slick-slide .views-row {
  2359. padding: 0.4rem; }
  2360. .path-actus .content_container .slick-arrow {
  2361. position: absolute;
  2362. height: 100%;
  2363. cursor: pointer;
  2364. z-index: 100;
  2365. opacity: 0.2;
  2366. transition: opacity 250ms;
  2367. width: 10%; }
  2368. .path-actus .content_container .slick-arrow:hover {
  2369. opacity: .5; }
  2370. .path-actus .content_container .slick-next {
  2371. right: 0;
  2372. top: 0; }
  2373. .page-node-type-programme #programme_toc-block_7 {
  2374. display: none; }
  2375. .page-node-type-programme #programme_toc-block_5 .slick-slide {
  2376. margin: 0 1rem; }
  2377. .page-node-type-programme #programme_toc-block_5 .slick-arrow {
  2378. position: absolute;
  2379. height: 100%;
  2380. cursor: pointer;
  2381. z-index: 100;
  2382. opacity: 0.2;
  2383. transition: opacity 250ms;
  2384. width: 10%; }
  2385. .page-node-type-programme #programme_toc-block_5 .slick-arrow:hover {
  2386. opacity: .5; }
  2387. .page-node-type-programme #programme_toc-block_5 .slick-next {
  2388. right: 0;
  2389. top: 0; }
  2390. .page-node-type-programme #programme_toc-block_5 .views-row {
  2391. display: grid !important;
  2392. grid-template-columns: 1fr;
  2393. position: relative;
  2394. height: auto; }
  2395. .page-node-type-programme #programme_toc-block_5 .views-row a {
  2396. text-decoration: none; }
  2397. .page-node-type-programme #programme_toc-block_5 .programme-1 .views-field {
  2398. background: #61ab32 !important; }
  2399. .page-node-type-programme #programme_toc-block_5 .programme-2 .views-field {
  2400. background: #4dabc1 !important; }
  2401. .page-node-type-programme #programme_toc-block_5 .programme-3 .views-field {
  2402. background: #646578 !important; }
  2403. .page-node-type-programme #programme_toc-block_5 .programme-4 .views-field {
  2404. background: black; }
  2405. .page-node-type-programme #programme_toc-block_5 .programme-5 .views-field {
  2406. background: #ab9569 !important; }
  2407. .page-node-type-programme #programme_toc-block_5 .programme-6 .views-field {
  2408. background: #e01a35 !important; }
  2409. .page-node-type-programme #programme_toc-block_5 .programme-7 .views-field {
  2410. background: #28429f !important; }
  2411. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
  2412. background: transparent !important;
  2413. height: 20rem; }
  2414. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image img {
  2415. width: 100%; }
  2416. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-image {
  2417. grid-column: 1;
  2418. grid-row: auto;
  2419. z-index: -1;
  2420. margin-top: -15%; }
  2421. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-view-node {
  2422. visibility: hidden; }
  2423. .page-node-type-programme #programme_toc-block_5 .views-row .views-field:not(.views-field-field-image) {
  2424. padding-right: .5rem;
  2425. padding-left: .5rem;
  2426. background-color: black;
  2427. width: 60%;
  2428. margin-left: 30%;
  2429. color: white;
  2430. align-self: flex-start;
  2431. grid-column: 1;
  2432. grid-auto-rows: min-content;
  2433. font-size: 0.6rem;
  2434. text-transform: uppercase; }
  2435. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-title {
  2436. font-size: 1rem !important;
  2437. font-weight: 500;
  2438. line-height: 1.2;
  2439. padding-top: .3rem; }
  2440. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-sous-titre {
  2441. padding: .5rem 0 1rem 0; }
  2442. .page-node-type-programme #programme_toc-block_5 .views-row .views-field-field-programme {
  2443. text-transform: uppercase;
  2444. grid-row: 1;
  2445. font-weight: 500;
  2446. padding: .5rem 0 .5rem 0; }
  2447. .page-node-type-programme #projets-block_2 {
  2448. position: relative; }
  2449. .page-node-type-programme #projets-block_2 .main_logo {
  2450. z-index: 10;
  2451. height: 7.2rem;
  2452. width: 100%;
  2453. position: absolute;
  2454. top: 0;
  2455. left: 0; }
  2456. .page-node-type-programme.programme-1 article h2, .page-node-type-programme.programme-1 article h3, .page-node-type-programme.programme-1 article h4, .page-node-type-programme.programme-1 article h5, .page-node-type-programme.programme-1 article h6, .page-node-type-programme.programme-1 article .field_titre {
  2457. color: #61ab32; }
  2458. .page-node-type-programme.programme-1 .main_logo {
  2459. background: center/contain no-repeat url(../images/POPSU_1.svg); }
  2460. .page-node-type-programme.programme-2 article h2, .page-node-type-programme.programme-2 article h3, .page-node-type-programme.programme-2 article h4, .page-node-type-programme.programme-2 article h5, .page-node-type-programme.programme-2 article h6, .page-node-type-programme.programme-2 article .field_titre {
  2461. color: #4dabc1; }
  2462. .page-node-type-programme.programme-2 .main_logo {
  2463. background: center/contain no-repeat url(../images/POPSU_2.svg); }
  2464. .page-node-type-programme.programme-3 article h2, .page-node-type-programme.programme-3 article h3, .page-node-type-programme.programme-3 article h4, .page-node-type-programme.programme-3 article h5, .page-node-type-programme.programme-3 article h6, .page-node-type-programme.programme-3 article .field_titre {
  2465. color: #646578; }
  2466. .page-node-type-programme.programme-3 .main_logo {
  2467. background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
  2468. .page-node-type-programme.programme-4 article h2, .page-node-type-programme.programme-4 article h3, .page-node-type-programme.programme-4 article h4, .page-node-type-programme.programme-4 article h5, .page-node-type-programme.programme-4 article h6, .page-node-type-programme.programme-4 article .field_titre {
  2469. color: #28429f; }
  2470. .page-node-type-programme.programme-4 .main_logo {
  2471. background: center/contain no-repeat url(../images/POPSU_logo.svg); }
  2472. .page-node-type-programme.programme-5 article h2, .page-node-type-programme.programme-5 article h3, .page-node-type-programme.programme-5 article h4, .page-node-type-programme.programme-5 article h5, .page-node-type-programme.programme-5 article h6, .page-node-type-programme.programme-5 article .field_titre {
  2473. color: #ab9569; }
  2474. .page-node-type-programme.programme-5 .main_logo {
  2475. background: center/contain no-repeat url(../images/POPSU_monde.svg); }
  2476. .page-node-type-programme.programme-6 article h2, .page-node-type-programme.programme-6 article h3, .page-node-type-programme.programme-6 article h4, .page-node-type-programme.programme-6 article h5, .page-node-type-programme.programme-6 article h6, .page-node-type-programme.programme-6 article .field_titre {
  2477. color: #e01a35; }
  2478. .page-node-type-programme.programme-6 .main_logo {
  2479. background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
  2480. .page-node-type-programme.programme-7 article h2, .page-node-type-programme.programme-7 article h3, .page-node-type-programme.programme-7 article h4, .page-node-type-programme.programme-7 article h5, .page-node-type-programme.programme-7 article h6, .page-node-type-programme.programme-7 article .field_titre {
  2481. color: #28429f; }
  2482. .page-node-type-programme.programme-7 .main_logo {
  2483. background: center/contain no-repeat url(../images/POPSU_metropoles.svg); }
  2484. .page-node-type-programme .layout-content {
  2485. position: relative; }
  2486. .page-node-type-programme .layout__region--top {
  2487. max-height: 30%;
  2488. grid-column: 1 / span 3; }
  2489. .page-node-type-programme .block-region-first {
  2490. position: absolute;
  2491. top: 0;
  2492. left: 0;
  2493. width: 25%;
  2494. padding: 1rem 1.5rem; }
  2495. @media print, screen and (max-width: 39.99875em) {
  2496. .page-node-type-programme .block-region-first {
  2497. text-align: center; } }
  2498. .page-node-type-programme .block-region-first .prog-ressources-link {
  2499. font-family: "duke";
  2500. font-size: 1.6rem;
  2501. cursor: pointer;
  2502. transition: all 250ms;
  2503. text-decoration: none; }
  2504. .page-node-type-programme .block-region-first .prog-ressources-link:hover {
  2505. padding: 0 0 0 .3rem; }
  2506. @media print, screen and (max-width: 39.99875em) {
  2507. .page-node-type-programme .block-region-first div[id=""] {
  2508. display: none; } }
  2509. @media print, screen and (max-width: 39.99875em) {
  2510. .page-node-type-programme .block-region-first .views-element-container {
  2511. display: block; } }
  2512. .page-node-type-programme .block-region-first .views-element-container header {
  2513. font-family: "duke";
  2514. font-size: 1.6rem;
  2515. text-transform: uppercase;
  2516. cursor: pointer;
  2517. transition: all 250ms; }
  2518. .page-node-type-programme .block-region-first .views-element-container header:hover {
  2519. padding: 0 0 0 .3rem; }
  2520. .page-node-type-programme .block-region-first .views-element-container .views-row {
  2521. display: none;
  2522. padding: 0 0 0 1.2rem;
  2523. margin-bottom: .5rem; }
  2524. .page-node-type-programme .block-region-first .views-element-container .views-row a {
  2525. text-decoration: none; }
  2526. .page-node-type-programme .block-region-first .views-element-container .views-row a:hover {
  2527. text-decoration: underline; }
  2528. .page-node-type-programme .block-region-third {
  2529. z-index: 20;
  2530. position: relative; }
  2531. @media print, screen and (max-width: 39.99875em) {
  2532. .page-node-type-programme .block-region-third {
  2533. margin-top: 1rem; } }
  2534. .page-node-type-programme .block-region-third #evenements-block_1 {
  2535. background-color: black;
  2536. margin-bottom: 3rem; }
  2537. .page-node-type-programme .block-region-third #evenements-block_1 h2 {
  2538. color: white; }
  2539. .page-node-type-programme .block-region-third .programme-1 {
  2540. background: #61ab32; }
  2541. .page-node-type-programme .block-region-third .programme-2 {
  2542. background: #4dabc1; }
  2543. .page-node-type-programme .block-region-third .programme-3 {
  2544. background: #646578; }
  2545. .page-node-type-programme .block-region-third .programme-4 {
  2546. background: #28429f; }
  2547. .page-node-type-programme .block-region-third .programme-5 {
  2548. background: #ab9569; }
  2549. .page-node-type-programme .block-region-third .programme-6 {
  2550. background: #e01a35; }
  2551. .page-node-type-programme .block-region-third .programme-7 {
  2552. background: #28429f; }
  2553. .page-node-type-programme .block-region-third .views-row {
  2554. padding: 1rem 0; }
  2555. .page-node-type-programme .block-region-third .views-row:last-of-type {
  2556. margin-bottom: 1rem; }
  2557. .page-node-type-programme .block-region-third .views-field {
  2558. color: white;
  2559. padding: 0 1rem;
  2560. font-weight: 500; }
  2561. .page-node-type-programme .block-region-third .views-field .views-field-field-type-de-ressource {
  2562. text-transform: uppercase;
  2563. margin-bottom: .2rem; }
  2564. .page-node-type-programme .block-region-third .views-field .views-field-title {
  2565. font-style: italic; }
  2566. .page-node-type-programme .block-region-third .views-field .views-field-field-sous-titre {
  2567. font-weight: 400; }
  2568. .page-node-type-programme .block-region-third .views-field a {
  2569. text-decoration: none; }
  2570. .page-node-type-programme .block-region-third .views-field a:hover {
  2571. text-decoration: underline; }
  2572. .page-node-type-programme article .computed_projets_references, .page-node-type-programme article .computed_themes_references, .page-node-type-programme article .field_logo {
  2573. display: none; }
  2574. .page-node-type-programme article h2:first-child {
  2575. display: none; }
  2576. .page-node-type-programme article .body {
  2577. font-size: 0.8rem;
  2578. height: 20rem;
  2579. overflow: hidden;
  2580. position: relative;
  2581. -webkit-transition: all 250ms ease;
  2582. -moz-transition: all 250ms ease;
  2583. -o-transition: all 250ms ease;
  2584. transition: all 250ms ease; }
  2585. .page-node-type-programme article .body footer {
  2586. position: absolute;
  2587. bottom: 0;
  2588. left: 0;
  2589. z-index: 1;
  2590. width: 100%;
  2591. text-align: center; }
  2592. .page-node-type-programme article .body footer a {
  2593. display: inline-block;
  2594. margin: 0 auto;
  2595. background: black;
  2596. color: white;
  2597. cursor: pointer;
  2598. font-family: "trueno";
  2599. font-weight: 500;
  2600. padding: .3rem .5rem;
  2601. font-size: 0.45rem;
  2602. text-decoration: none;
  2603. text-transform: uppercase; }
  2604. .page-node-type-programme article .body footer a:hover {
  2605. color: black;
  2606. background: white; }
  2607. .page-node-type-programme article .body:after {
  2608. content: "";
  2609. opacity: 1;
  2610. position: absolute;
  2611. top: 0;
  2612. bottom: 0;
  2613. left: -15px;
  2614. right: -15px;
  2615. box-shadow: inset white 0 -4rem 2rem; }
  2616. .page-node-type-programme article .body_open {
  2617. height: auto;
  2618. padding: 0 0 3rem 0;
  2619. -webkit-transition: all 250ms ease;
  2620. -moz-transition: all 250ms ease;
  2621. -o-transition: all 250ms ease;
  2622. transition: all 250ms ease; }
  2623. .page-node-type-programme article .body_open:after {
  2624. opacity: 0;
  2625. -webkit-transition: all 250ms ease;
  2626. -moz-transition: all 250ms ease;
  2627. -o-transition: all 250ms ease;
  2628. transition: all 250ms ease; }
  2629. .page-node-type-programme article .field_textes .paragraph {
  2630. border-bottom: 3px dotted gray;
  2631. padding: 1rem 0; }
  2632. .page-node-type-programme article .field_textes .paragraph .field_titre {
  2633. font-size: 1rem;
  2634. font-weight: 600;
  2635. text-transform: initial;
  2636. cursor: pointer;
  2637. display: grid;
  2638. grid-template-columns: 95% 5%;
  2639. align-content: center; }
  2640. .page-node-type-programme article .field_textes .paragraph p {
  2641. margin-top: .5rem; }
  2642. .page-node-type-programme article .field_textes .paragraph .field_titre:after {
  2643. content: '▼';
  2644. -webkit-transition: all 250ms ease;
  2645. -moz-transition: all 250ms ease;
  2646. -o-transition: all 250ms ease;
  2647. transition: all 250ms ease;
  2648. align-self: center;
  2649. justify-self: center; }
  2650. .page-node-type-programme article .field_textes .paragraph .rotate:after {
  2651. transform: rotate(180deg);
  2652. -webkit-transition: all 250ms ease;
  2653. -moz-transition: all 250ms ease;
  2654. -o-transition: all 250ms ease;
  2655. transition: all 250ms ease; }
  2656. .page-node-type-programme article .field_textes .paragraph .field_texte {
  2657. height: auto;
  2658. position: relative;
  2659. -webkit-transition: all 250ms ease;
  2660. -moz-transition: all 250ms ease;
  2661. -o-transition: all 250ms ease;
  2662. transition: all 250ms ease; }
  2663. .page-node-type-programme article .field_textes .paragraph .field_texte h2 {
  2664. text-transform: inherit; }
  2665. .page-node-type-programme article .field_textes .paragraph .crop {
  2666. height: 0;
  2667. overflow: hidden;
  2668. display: none;
  2669. -webkit-transition: all 250ms ease;
  2670. -moz-transition: all 250ms ease;
  2671. -o-transition: all 250ms ease;
  2672. transition: all 250ms ease; }
  2673. .page-node-type-programme .block-region-bottom {
  2674. background: center/80% linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/motif_croix.svg); }
  2675. .page-node-type-programme .block-region-bottom h2 {
  2676. text-align: center; }
  2677. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-slide {
  2678. margin: 0 0; }
  2679. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow {
  2680. position: absolute;
  2681. height: 100%;
  2682. cursor: pointer;
  2683. z-index: 100;
  2684. opacity: 0.2;
  2685. transition: opacity 250ms;
  2686. width: 10%; }
  2687. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-arrow:hover {
  2688. opacity: .5; }
  2689. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .slick-next {
  2690. right: 0;
  2691. top: 0; }
  2692. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-row {
  2693. display: grid !important;
  2694. grid-template-columns: 1fr 1fr;
  2695. align-items: center;
  2696. background: white;
  2697. position: relative;
  2698. height: auto;
  2699. padding: 1rem;
  2700. background-clip: content-box; }
  2701. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-image {
  2702. grid-row: 2 / span 6;
  2703. z-index: 0;
  2704. padding: .5rem;
  2705. grid-column: 1; }
  2706. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field:not(.views-field-field-image) {
  2707. background: transparent;
  2708. width: auto;
  2709. margin-left: 0;
  2710. padding-left: 0; }
  2711. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-sous-titre {
  2712. grid-column: 2 / span 1; }
  2713. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-auteurs {
  2714. grid-row: 3 / span 1;
  2715. grid-column: 2 / span 1;
  2716. font-weight: 600; }
  2717. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-type-de-ressource {
  2718. grid-column: 2 / span 1; }
  2719. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-edition {
  2720. grid-column: 2 / span 1; }
  2721. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title {
  2722. font-weight: 400;
  2723. font-style: italic;
  2724. grid-row: 4 / span 1;
  2725. grid-column: 2 / span 1; }
  2726. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title a {
  2727. text-decoration: none; }
  2728. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title a:hover {
  2729. text-decoration: underline; }
  2730. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-view-node {
  2731. display: none; }
  2732. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 {
  2733. padding-left: .5rem !important;
  2734. grid-row: 1 / span 1;
  2735. grid-column: 1 / span 2;
  2736. text-transform: uppercase;
  2737. margin-top: -.5rem; }
  2738. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
  2739. display: inline-block;
  2740. width: auto;
  2741. background-color: black;
  2742. padding: .3rem .5rem; }
  2743. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .views-field-title-1 .field-content {
  2744. font-weight: 600;
  2745. display: inline-block;
  2746. width: auto;
  2747. color: white;
  2748. padding: .02rem .3rem; }
  2749. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field {
  2750. color: #61ab32 !important; }
  2751. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-1 .views-field-title-1 .field-content {
  2752. background: #61ab32; }
  2753. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field {
  2754. color: #4dabc1 !important; }
  2755. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-2 .views-field-title-1 .field-content {
  2756. background: #4dabc1; }
  2757. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field {
  2758. color: #646578 !important; }
  2759. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-3 .views-field-title-1 .field-content {
  2760. background: #646578; }
  2761. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field {
  2762. color: black; }
  2763. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-4 .views-field-title-1 .field-content {
  2764. background: black; }
  2765. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field {
  2766. color: #ab9569 !important; }
  2767. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-5 .views-field-title-1 .field-content {
  2768. background: #ab9569; }
  2769. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field {
  2770. color: #e01a35 !important; }
  2771. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-6 .views-field-title-1 .field-content {
  2772. background: #e01a35; }
  2773. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field {
  2774. color: #28429f !important; }
  2775. .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-field-programme .field-content, .page-node-type-programme .block-region-bottom #centre_de_ressources-block_2 .programme-7 .views-field-title-1 .field-content {
  2776. background: #28429f; }
  2777. .page-node-type-programme .block-region-bottom footer {
  2778. background-color: transparent;
  2779. text-align: center;
  2780. padding: 1rem; }
  2781. .page-node-type-programme .block-region-bottom footer a {
  2782. display: inline-block;
  2783. margin: 0 auto;
  2784. background: black;
  2785. color: white;
  2786. font-family: "trueno";
  2787. font-weight: 500;
  2788. padding: .3rem .7rem;
  2789. font-size: 0.45rem;
  2790. text-decoration: none;
  2791. text-transform: uppercase; }
  2792. .page-node-type-programme .block-region-bottom footer a:hover {
  2793. color: black;
  2794. background: white; }
  2795. .path-archives .content_container > div > h2 {
  2796. text-align: center; }
  2797. .path-archives .content_container .views-element-container > div {
  2798. display: grid;
  2799. grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
  2800. grid-column-gap: 2rem;
  2801. grid-row-gap: 1rem; }
  2802. .path-archives .content_container .views-element-container > div header {
  2803. grid-column: 1 / span 5;
  2804. text-align: center; }
  2805. .path-archives .content_container .views-element-container > div nav {
  2806. grid-column: 1 / span 5;
  2807. text-align: center; }
  2808. .path-archives .content_container .views-element-container > div .views-row:first-of-type {
  2809. grid-column: 2; }
  2810. .path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
  2811. grid-column: 2; }
  2812. .path-archives .content_container .views-element-container > div .views-row {
  2813. padding: .3rem .7rem;
  2814. background: #28429f; }
  2815. .path-archives .content_container .views-element-container > div .views-row a {
  2816. text-decoration: none;
  2817. color: white; }
  2818. .page-node-type-evenement.programme-1 .field_programme, .page-node-type-actualite.programme-1 .field_programme {
  2819. background-color: #61ab32; }
  2820. .page-node-type-evenement.programme-2 .field_programme, .page-node-type-actualite.programme-2 .field_programme {
  2821. background-color: #4dabc1; }
  2822. .page-node-type-evenement.programme-3 .field_programme, .page-node-type-actualite.programme-3 .field_programme {
  2823. background-color: #646578; }
  2824. .page-node-type-evenement.programme-4 .field_programme, .page-node-type-actualite.programme-4 .field_programme {
  2825. background-color: #28429f; }
  2826. .page-node-type-evenement.programme-5 .field_programme, .page-node-type-actualite.programme-5 .field_programme {
  2827. background-color: #ab9569; }
  2828. .page-node-type-evenement.programme-6 .field_programme, .page-node-type-actualite.programme-6 .field_programme {
  2829. background-color: #e01a35; }
  2830. .page-node-type-evenement.programme-7 .field_programme, .page-node-type-actualite.programme-7 .field_programme {
  2831. background-color: #28429f; }
  2832. .page-node-type-evenement .block-region-second, .page-node-type-actualite .block-region-second {
  2833. display: grid; }
  2834. .page-node-type-evenement .block-region-second #node\:title, .page-node-type-actualite .block-region-second #node\:title {
  2835. margin: 0;
  2836. font-size: 1.6rem;
  2837. line-height: 1.3; }
  2838. .page-node-type-evenement .block-region-second #node\:field_programme, .page-node-type-actualite .block-region-second #node\:field_programme {
  2839. grid-row: 1;
  2840. margin-bottom: 1rem; }
  2841. .page-node-type-evenement .block-region-second #node\:field_programme .field_programme, .page-node-type-actualite .block-region-second #node\:field_programme .field_programme {
  2842. display: inline-block;
  2843. width: auto;
  2844. padding: .3rem .5rem;
  2845. color: white;
  2846. font-weight: 600; }
  2847. .page-node-type-evenement .block-region-second #node\:field_date, .page-node-type-actualite .block-region-second #node\:field_date {
  2848. font-size: 0.8rem;
  2849. grid-row: 2; }
  2850. .page-node-type-evenement .block-region-second #node\:field_date .field_date div, .page-node-type-actualite .block-region-second #node\:field_date .field_date div {
  2851. float: left;
  2852. margin-right: 1rem; }
  2853. .page-node-type-evenement .block-region-second #node\:field_sous_titre, .page-node-type-actualite .block-region-second #node\:field_sous_titre {
  2854. text-transform: uppercase; }
  2855. .page-node-type-evenement .block-region-second #node\:field_intro, .page-node-type-actualite .block-region-second #node\:field_intro {
  2856. font-size: 0.8rem; }
  2857. .page-node-type-evenement .block-region-second #node\:field_image, .page-node-type-actualite .block-region-second #node\:field_image {
  2858. grid-row: 5;
  2859. width: 100%;
  2860. margin: 1rem 0; }
  2861. .page-node-type-evenement .block-region-second #node\:field_image img, .page-node-type-actualite .block-region-second #node\:field_image img {
  2862. width: 100%; }
  2863. .page-node-type-evenement .block-region-first, .page-node-type-actualite .block-region-first {
  2864. padding: 1rem 0 .5rem 0; }
  2865. .page-node-type-evenement .block-region-first > div, .page-node-type-actualite .block-region-first > div {
  2866. padding: 0 0 .5rem 0; }
  2867. .page-node-type-evenement .block-region-first a, .page-node-type-actualite .block-region-first a {
  2868. padding: 0 0 0 1rem; }
  2869. .page-node-type-evenement .block-region-third, .page-node-type-actualite .block-region-third {
  2870. position: sticky;
  2871. top: 4rem; }
  2872. .page-node-type-evenement .block-region-third .field_fichier, .page-node-type-evenement .block-region-third .field_ressources_liees, .page-node-type-actualite .block-region-third .field_fichier, .page-node-type-actualite .block-region-third .field_ressources_liees {
  2873. margin: .5rem 0;
  2874. padding-right: 1.3rem; }
  2875. .page-node-type-evenement .block-region-third .field_fichier a, .page-node-type-evenement .block-region-third .field_ressources_liees a, .page-node-type-actualite .block-region-third .field_fichier a, .page-node-type-actualite .block-region-third .field_ressources_liees a {
  2876. font-weight: 600;
  2877. text-decoration: none; }
  2878. .page-node-type-evenement .block-region-third .field_fichier a:hover, .page-node-type-evenement .block-region-third .field_ressources_liees a:hover, .page-node-type-actualite .block-region-third .field_fichier a:hover, .page-node-type-actualite .block-region-third .field_ressources_liees a:hover {
  2879. text-decoration: underline; }
  2880. .page-node-type-theme .field_logo, .page-node-type-projet .field_logo {
  2881. display: block; }
  2882. .page-node-type-theme.programme-1 .field_programme, .page-node-type-projet.programme-1 .field_programme {
  2883. background: #61ab32; }
  2884. .page-node-type-theme.programme-2 .field_programme, .page-node-type-projet.programme-2 .field_programme {
  2885. background: #4dabc1; }
  2886. .page-node-type-theme.programme-3 .field_programme, .page-node-type-projet.programme-3 .field_programme {
  2887. background: #646578; }
  2888. .page-node-type-theme.programme-4 .field_programme, .page-node-type-projet.programme-4 .field_programme {
  2889. background: #28429f; }
  2890. .page-node-type-theme.programme-5 .field_programme, .page-node-type-projet.programme-5 .field_programme {
  2891. background: #ab9569; }
  2892. .page-node-type-theme.programme-6 .field_programme, .page-node-type-projet.programme-6 .field_programme {
  2893. background: #e01a35; }
  2894. .page-node-type-theme.programme-7 .field_programme, .page-node-type-projet.programme-7 .field_programme {
  2895. background: #28429f; }
  2896. .page-node-type-theme .block-region-first, .page-node-type-projet .block-region-first {
  2897. padding: 1rem; }
  2898. .page-node-type-theme .block-region-first .field_programme, .page-node-type-projet .block-region-first .field_programme {
  2899. background: black !important;
  2900. font-weight: 600; }
  2901. .page-node-type-theme .block-region-first .field_programme a, .page-node-type-projet .block-region-first .field_programme a {
  2902. text-decoration: none; }
  2903. .page-node-type-theme .block-region-first .field_programme a:hover, .page-node-type-projet .block-region-first .field_programme a:hover {
  2904. text-decoration: underline; }
  2905. .page-node-type-theme .block-region-third, .page-node-type-projet .block-region-third {
  2906. margin-top: 30rem; }
  2907. .page-node-type-theme .block-region-third #node\:field_equipes, .page-node-type-projet .block-region-third #node\:field_equipes {
  2908. visibility: hidden; }
  2909. .page-node-type-theme .block-region-second #node\:title:before, .page-node-type-projet .block-region-second #node\:title:before {
  2910. clear: both;
  2911. display: block;
  2912. width: 100%;
  2913. font-size: 0.45rem;
  2914. text-transform: uppercase;
  2915. margin-bottom: .8rem; }
  2916. .page-node-type-theme .block-region-second .field_programme, .page-node-type-projet .block-region-second .field_programme {
  2917. display: inline-block;
  2918. margin-bottom: 1rem;
  2919. color: white;
  2920. font-weight: 600;
  2921. padding: .3rem .5rem; }
  2922. .page-node-type-theme .block-region-second .field_programme a, .page-node-type-projet .block-region-second .field_programme a {
  2923. text-decoration: none; }
  2924. .page-node-type-theme .block-region-second #node\:title, .page-node-type-projet .block-region-second #node\:title {
  2925. margin: 0;
  2926. font-size: 1.6rem;
  2927. line-height: 1.3;
  2928. font-weight: 600;
  2929. margin-bottom: 1rem; }
  2930. .page-node-type-theme .block-region-second #node\:field_image, .page-node-type-theme .block-region-second .field_diaporama, .page-node-type-projet .block-region-second #node\:field_image, .page-node-type-projet .block-region-second .field_diaporama {
  2931. width: 150%;
  2932. margin-bottom: 1rem; }
  2933. .page-node-type-theme .block-region-second #node\:field_image img, .page-node-type-theme .block-region-second .field_diaporama img, .page-node-type-projet .block-region-second #node\:field_image img, .page-node-type-projet .block-region-second .field_diaporama img {
  2934. width: 100%; }
  2935. .page-node-type-theme .block-region-second .body, .page-node-type-projet .block-region-second .body {
  2936. font-size: 0.8rem;
  2937. height: 15rem;
  2938. overflow: hidden;
  2939. position: relative;
  2940. -webkit-transition: all 250ms ease;
  2941. -moz-transition: all 250ms ease;
  2942. -o-transition: all 250ms ease;
  2943. transition: all 250ms ease; }
  2944. .page-node-type-theme .block-region-second .body footer, .page-node-type-projet .block-region-second .body footer {
  2945. position: absolute;
  2946. bottom: 0;
  2947. left: 0;
  2948. z-index: 1;
  2949. width: 100%;
  2950. text-align: center; }
  2951. .page-node-type-theme .block-region-second .body footer a, .page-node-type-projet .block-region-second .body footer a {
  2952. display: inline-block;
  2953. margin: 0 auto;
  2954. background: black;
  2955. color: white;
  2956. cursor: pointer;
  2957. font-family: "trueno";
  2958. font-weight: 500;
  2959. padding: .3rem .5rem;
  2960. font-size: 0.45rem;
  2961. text-decoration: none;
  2962. text-transform: uppercase; }
  2963. .page-node-type-theme .block-region-second .body footer a:hover, .page-node-type-projet .block-region-second .body footer a:hover {
  2964. color: black;
  2965. background: white; }
  2966. .page-node-type-theme .block-region-second .body:after, .page-node-type-projet .block-region-second .body:after {
  2967. content: "";
  2968. opacity: 1;
  2969. position: absolute;
  2970. top: 0;
  2971. bottom: 0;
  2972. left: -15px;
  2973. right: -15px;
  2974. box-shadow: inset white 0 -2rem 2rem; }
  2975. .page-node-type-theme .block-region-second .body_open, .page-node-type-projet .block-region-second .body_open {
  2976. height: auto !important;
  2977. padding: 0 0 .8rem 0;
  2978. -webkit-transition: all 250ms ease;
  2979. -moz-transition: all 250ms ease;
  2980. -o-transition: all 250ms ease;
  2981. transition: all 250ms ease; }
  2982. .page-node-type-theme .block-region-second .body_open:after, .page-node-type-projet .block-region-second .body_open:after {
  2983. opacity: 0;
  2984. -webkit-transition: all 250ms ease;
  2985. -moz-transition: all 250ms ease;
  2986. -o-transition: all 250ms ease;
  2987. transition: all 250ms ease; }
  2988. .page-node-type-theme .block-region-second .body_open:after, .page-node-type-projet .block-region-second .body_open:after {
  2989. display: none; }
  2990. .page-node-type-theme .block-region-second .field_textes .paragraph, .page-node-type-projet .block-region-second .field_textes .paragraph {
  2991. border-bottom: 3px dotted gray;
  2992. padding: 1rem 0; }
  2993. .page-node-type-theme .block-region-second .field_textes .paragraph .field_titre, .page-node-type-projet .block-region-second .field_textes .paragraph .field_titre {
  2994. font-size: 1rem;
  2995. font-weight: 600;
  2996. text-transform: initial;
  2997. cursor: pointer;
  2998. display: grid;
  2999. grid-template-columns: 95% 5%;
  3000. align-content: center; }
  3001. .page-node-type-theme .block-region-second .field_textes .paragraph .field_titre:after, .page-node-type-projet .block-region-second .field_textes .paragraph .field_titre:after {
  3002. content: '▼';
  3003. -webkit-transition: all 250ms ease;
  3004. -moz-transition: all 250ms ease;
  3005. -o-transition: all 250ms ease;
  3006. transition: all 250ms ease;
  3007. align-self: center;
  3008. justify-self: center; }
  3009. .page-node-type-theme .block-region-second .field_textes .paragraph .rotate:after, .page-node-type-projet .block-region-second .field_textes .paragraph .rotate:after {
  3010. transform: rotate(180deg);
  3011. -webkit-transition: all 250ms ease;
  3012. -moz-transition: all 250ms ease;
  3013. -o-transition: all 250ms ease;
  3014. transition: all 250ms ease; }
  3015. .page-node-type-theme .block-region-second .field_textes .paragraph .field_texte, .page-node-type-projet .block-region-second .field_textes .paragraph .field_texte {
  3016. height: auto;
  3017. position: relative;
  3018. -webkit-transition: all 250ms ease;
  3019. -moz-transition: all 250ms ease;
  3020. -o-transition: all 250ms ease;
  3021. transition: all 250ms ease; }
  3022. .page-node-type-theme .block-region-second .field_textes .paragraph .field_texte h2, .page-node-type-projet .block-region-second .field_textes .paragraph .field_texte h2 {
  3023. text-transform: inherit; }
  3024. .page-node-type-theme .block-region-second .field_textes .paragraph .field_texte p, .page-node-type-projet .block-region-second .field_textes .paragraph .field_texte p {
  3025. margin-top: .5rem; }
  3026. .page-node-type-theme .block-region-second .field_textes .paragraph .crop, .page-node-type-projet .block-region-second .field_textes .paragraph .crop {
  3027. height: 0;
  3028. overflow: hidden;
  3029. display: none;
  3030. -webkit-transition: all 250ms ease;
  3031. -moz-transition: all 250ms ease;
  3032. -o-transition: all 250ms ease;
  3033. transition: all 250ms ease; }
  3034. .page-node-type-theme .block-region-bottom #node\:field_projets_lies h2, .page-node-type-projet .block-region-bottom #node\:field_projets_lies h2 {
  3035. text-align: center; }
  3036. .page-node-type-theme .block-region-bottom #node\:field_projets_lies .field_projets_lies, .page-node-type-projet .block-region-bottom #node\:field_projets_lies .field_projets_lies {
  3037. margin-top: 1rem;
  3038. display: grid;
  3039. grid-template-columns: repeat(5, 1fr);
  3040. column-gap: 1rem;
  3041. padding: 0 10%; }
  3042. .page-node-type-theme .block-region-bottom #node\:field_projets_lies article, .page-node-type-projet .block-region-bottom #node\:field_projets_lies article {
  3043. margin-bottom: 1.6rem; }
  3044. .page-node-type-theme .block-region-bottom #node\:field_projets_lies article .body, .page-node-type-projet .block-region-bottom #node\:field_projets_lies article .body {
  3045. display: none; }
  3046. .page-node-type-theme #node\:field_equipes, .page-node-type-projet #node\:field_equipes {
  3047. margin-top: 1rem; }
  3048. .page-node-type-theme #node\:field_equipes h2, .page-node-type-projet #node\:field_equipes h2 {
  3049. cursor: pointer;
  3050. color: black;
  3051. display: grid;
  3052. grid-template-columns: 95% 5%;
  3053. align-content: center; }
  3054. .page-node-type-theme #node\:field_equipes h2:after, .page-node-type-projet #node\:field_equipes h2:after {
  3055. content: '▼';
  3056. -webkit-transition: all 250ms ease;
  3057. -moz-transition: all 250ms ease;
  3058. -o-transition: all 250ms ease;
  3059. transition: all 250ms ease;
  3060. align-self: center;
  3061. justify-self: center;
  3062. font-size: 1rem; }
  3063. .page-node-type-theme #node\:field_equipes .rotate:after, .page-node-type-projet #node\:field_equipes .rotate:after {
  3064. transform: rotate(180deg);
  3065. -webkit-transition: all 250ms ease;
  3066. -moz-transition: all 250ms ease;
  3067. -o-transition: all 250ms ease;
  3068. transition: all 250ms ease; }
  3069. .page-node-type-theme #node\:field_equipes .field_equipes, .page-node-type-projet #node\:field_equipes .field_equipes {
  3070. display: none; }
  3071. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph {
  3072. display: grid; }
  3073. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres {
  3074. grid-row: 2;
  3075. margin-bottom: 1rem; }
  3076. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph {
  3077. display: grid;
  3078. grid-template-columns: auto 1fr;
  3079. margin-bottom: 1rem; }
  3080. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom {
  3081. grid-column: 2;
  3082. grid-row: 1;
  3083. padding-left: .3rem;
  3084. display: inline-block;
  3085. width: auto;
  3086. font-weight: 500; }
  3087. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom > div:first-child {
  3088. display: none; }
  3089. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_nom div:nth-of-type(2) {
  3090. display: inline-block;
  3091. width: auto; }
  3092. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom {
  3093. grid-column: 1;
  3094. grid-row: 1;
  3095. display: inline-block;
  3096. font-weight: 500; }
  3097. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom > div:first-child {
  3098. display: none; }
  3099. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2), .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_prenom div:nth-of-type(2) {
  3100. display: inline-block;
  3101. width: auto; }
  3102. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction {
  3103. grid-column: 1 / span 2; }
  3104. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_membres .paragraph .field_fonction > div:first-child {
  3105. display: none; }
  3106. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe {
  3107. grid-row: 1;
  3108. font-weight: 600;
  3109. font-size: 0.8rem;
  3110. margin-bottom: .5rem; }
  3111. .page-node-type-theme #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child, .page-node-type-projet #node\:field_equipes .field_equipes .paragraph .field_type_equipe div:first-child {
  3112. display: none; }
  3113. .page-node-type-theme #node\:field_partenaires h2, .page-node-type-projet #node\:field_partenaires h2 {
  3114. color: black; }
  3115. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph {
  3116. display: grid;
  3117. align-items: center;
  3118. justify-items: center;
  3119. grid-template-columns: 40% 60%; }
  3120. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire {
  3121. grid-column: 1;
  3122. grid-row: 1; }
  3123. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire div:first-child {
  3124. display: none; }
  3125. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire img, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_logo_partenaire img {
  3126. max-width: 60%; }
  3127. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire {
  3128. grid-column: 2;
  3129. grid-row: 1; }
  3130. .page-node-type-theme #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child, .page-node-type-projet #node\:field_partenaires .field_partenaires .paragraph .field_nom_partenaire div:first-child {
  3131. display: none; }
  3132. .page-node-type-theme.programme-1 .block-region-second h2, .page-node-type-theme.programme-1 .block-region-second h3, .page-node-type-theme.programme-1 .block-region-second h4, .page-node-type-theme.programme-1 .block-region-second h5, .page-node-type-theme.programme-1 .block-region-second h6, .page-node-type-theme.programme-1 .block-region-second .field_titre, .page-node-type-projet.programme-1 .block-region-second h2, .page-node-type-projet.programme-1 .block-region-second h3, .page-node-type-projet.programme-1 .block-region-second h4, .page-node-type-projet.programme-1 .block-region-second h5, .page-node-type-projet.programme-1 .block-region-second h6, .page-node-type-projet.programme-1 .block-region-second .field_titre {
  3133. color: #61ab32; }
  3134. .page-node-type-theme.programme-2 .block-region-second h2, .page-node-type-theme.programme-2 .block-region-second h3, .page-node-type-theme.programme-2 .block-region-second h4, .page-node-type-theme.programme-2 .block-region-second h5, .page-node-type-theme.programme-2 .block-region-second h6, .page-node-type-theme.programme-2 .block-region-second .field_titre, .page-node-type-projet.programme-2 .block-region-second h2, .page-node-type-projet.programme-2 .block-region-second h3, .page-node-type-projet.programme-2 .block-region-second h4, .page-node-type-projet.programme-2 .block-region-second h5, .page-node-type-projet.programme-2 .block-region-second h6, .page-node-type-projet.programme-2 .block-region-second .field_titre {
  3135. color: #4dabc1; }
  3136. .page-node-type-theme.programme-3 .block-region-second h2, .page-node-type-theme.programme-3 .block-region-second h3, .page-node-type-theme.programme-3 .block-region-second h4, .page-node-type-theme.programme-3 .block-region-second h5, .page-node-type-theme.programme-3 .block-region-second h6, .page-node-type-theme.programme-3 .block-region-second .field_titre, .page-node-type-projet.programme-3 .block-region-second h2, .page-node-type-projet.programme-3 .block-region-second h3, .page-node-type-projet.programme-3 .block-region-second h4, .page-node-type-projet.programme-3 .block-region-second h5, .page-node-type-projet.programme-3 .block-region-second h6, .page-node-type-projet.programme-3 .block-region-second .field_titre {
  3137. color: #646578; }
  3138. .page-node-type-theme.programme-4 .block-region-second h2, .page-node-type-theme.programme-4 .block-region-second h3, .page-node-type-theme.programme-4 .block-region-second h4, .page-node-type-theme.programme-4 .block-region-second h5, .page-node-type-theme.programme-4 .block-region-second h6, .page-node-type-theme.programme-4 .block-region-second .field_titre, .page-node-type-projet.programme-4 .block-region-second h2, .page-node-type-projet.programme-4 .block-region-second h3, .page-node-type-projet.programme-4 .block-region-second h4, .page-node-type-projet.programme-4 .block-region-second h5, .page-node-type-projet.programme-4 .block-region-second h6, .page-node-type-projet.programme-4 .block-region-second .field_titre {
  3139. color: #28429f; }
  3140. .page-node-type-theme.programme-5 .block-region-second h2, .page-node-type-theme.programme-5 .block-region-second h3, .page-node-type-theme.programme-5 .block-region-second h4, .page-node-type-theme.programme-5 .block-region-second h5, .page-node-type-theme.programme-5 .block-region-second h6, .page-node-type-theme.programme-5 .block-region-second .field_titre, .page-node-type-projet.programme-5 .block-region-second h2, .page-node-type-projet.programme-5 .block-region-second h3, .page-node-type-projet.programme-5 .block-region-second h4, .page-node-type-projet.programme-5 .block-region-second h5, .page-node-type-projet.programme-5 .block-region-second h6, .page-node-type-projet.programme-5 .block-region-second .field_titre {
  3141. color: #ab9569; }
  3142. .page-node-type-theme.programme-6 .block-region-second h2, .page-node-type-theme.programme-6 .block-region-second h3, .page-node-type-theme.programme-6 .block-region-second h4, .page-node-type-theme.programme-6 .block-region-second h5, .page-node-type-theme.programme-6 .block-region-second h6, .page-node-type-theme.programme-6 .block-region-second .field_titre, .page-node-type-projet.programme-6 .block-region-second h2, .page-node-type-projet.programme-6 .block-region-second h3, .page-node-type-projet.programme-6 .block-region-second h4, .page-node-type-projet.programme-6 .block-region-second h5, .page-node-type-projet.programme-6 .block-region-second h6, .page-node-type-projet.programme-6 .block-region-second .field_titre {
  3143. color: #e01a35; }
  3144. .page-node-type-theme.programme-7 .block-region-second h2, .page-node-type-theme.programme-7 .block-region-second h3, .page-node-type-theme.programme-7 .block-region-second h4, .page-node-type-theme.programme-7 .block-region-second h5, .page-node-type-theme.programme-7 .block-region-second h6, .page-node-type-theme.programme-7 .block-region-second .field_titre, .page-node-type-projet.programme-7 .block-region-second h2, .page-node-type-projet.programme-7 .block-region-second h3, .page-node-type-projet.programme-7 .block-region-second h4, .page-node-type-projet.programme-7 .block-region-second h5, .page-node-type-projet.programme-7 .block-region-second h6, .page-node-type-projet.programme-7 .block-region-second .field_titre {
  3145. color: #28429f; }
  3146. .page-node-type-theme .computed_projets_references, .page-node-type-theme .computed_themes_references, .page-node-type-projet .computed_projets_references, .page-node-type-projet .computed_themes_references {
  3147. display: none; }
  3148. .page-node-type-projet #node\:title:before {
  3149. content: "ville"; }
  3150. .page-node-type-theme #node\:title:before {
  3151. content: "thème"; }
  3152. .page-node-type-theme #node\:field_equipes h2 {
  3153. color: white !important;
  3154. text-align: left !important;
  3155. cursor: pointer; }
  3156. .page-node-type-theme .field_projets_lies article {
  3157. display: grid; }
  3158. .page-node-type-theme .field_projets_lies article h2 {
  3159. grid-row: 2;
  3160. text-align: left !important;
  3161. text-transform: none !important;
  3162. line-height: 1.3;
  3163. margin: .5rem 0 0 0;
  3164. font-size: 0.6rem;
  3165. font-weight: 400; }
  3166. .page-node-type-theme .field_projets_lies article h2 a {
  3167. text-decoration: none; }
  3168. .page-node-type-theme .field_projets_lies article h2 a:hover {
  3169. text-decoration: underline; }
  3170. .page-node-type-theme .field_projets_lies article .field_diaporama {
  3171. position: relative;
  3172. width: 100%;
  3173. overflow: hidden; }
  3174. .page-node-type-theme .field_projets_lies article .field_diaporama a {
  3175. position: absolute;
  3176. height: 100%;
  3177. width: 100%;
  3178. object-fit: cover; }
  3179. .page-node-type-theme .field_projets_lies article .field_diaporama a img {
  3180. height: 100%;
  3181. width: 100%;
  3182. object-fit: cover; }
  3183. .page-node-type-theme .field_projets_lies article .field_diaporama:after {
  3184. content: "";
  3185. display: block;
  3186. padding-top: 100%; }
  3187. .page-node-type-theme .field_projets_lies article .field_programme {
  3188. text-transform: uppercase;
  3189. display: inline-block;
  3190. font-weight: 600;
  3191. padding: .02rem .3rem;
  3192. grid-column: 1;
  3193. grid-row: 1;
  3194. z-index: 1;
  3195. margin-bottom: -.5rem;
  3196. margin-left: .2rem;
  3197. color: white; }
  3198. .page-node-type-theme .field_projets_lies article .field_programme a {
  3199. text-decoration: none; }
  3200. .page-node-type-theme .field_projets_lies article.programme-1 h2 {
  3201. color: #61ab32 !important; }
  3202. .page-node-type-theme .field_projets_lies article.programme-1 .field_programme {
  3203. background: #61ab32; }
  3204. .page-node-type-theme .field_projets_lies article.programme-2 h2 {
  3205. color: #4dabc1 !important; }
  3206. .page-node-type-theme .field_projets_lies article.programme-2 .field_programme {
  3207. background: #4dabc1; }
  3208. .page-node-type-theme .field_projets_lies article.programme-3 h2 {
  3209. color: #646578 !important; }
  3210. .page-node-type-theme .field_projets_lies article.programme-3 .field_programme {
  3211. background: #646578; }
  3212. .page-node-type-theme .field_projets_lies article.programme-4 h2 {
  3213. color: black; }
  3214. .page-node-type-theme .field_projets_lies article.programme-4 .field_programme {
  3215. background: black; }
  3216. .page-node-type-theme .field_projets_lies article.programme-5 h2 {
  3217. color: #ab9569 !important; }
  3218. .page-node-type-theme .field_projets_lies article.programme-5 .field_programme {
  3219. background: #ab9569; }
  3220. .page-node-type-theme .field_projets_lies article.programme-6 h2 {
  3221. color: #e01a35 !important; }
  3222. .page-node-type-theme .field_projets_lies article.programme-6 .field_programme {
  3223. background: #e01a35; }
  3224. .page-node-type-theme .field_projets_lies article.programme-7 h2 {
  3225. color: #28429f !important; }
  3226. .page-node-type-theme .field_projets_lies article.programme-7 .field_programme {
  3227. background: #28429f; }
  3228. /*# sourceMappingURL=styles.css.map */