styles.css 56 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232
  1. /*eql*/
  2. /*global*/
  3. @font-face {
  4. font-family: 'Font Awesome';
  5. src: url("../fonts/Font Awesome/fontawesome-webfont.woff2") format("woff2");
  6. font-weight: 400;
  7. font-style: normal; }
  8. /*marianne*/
  9. @font-face {
  10. font-family: 'Marianne';
  11. src: url("../fonts/Marianne/Marianne-Thin.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin.woff") format("woff");
  12. font-weight: 300;
  13. font-style: normal; }
  14. @font-face {
  15. font-family: 'Marianne';
  16. src: url("../fonts/Marianne/Marianne-Thin_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Thin_Italic.woff") format("woff");
  17. font-weight: 300;
  18. font-style: italic; }
  19. @font-face {
  20. font-family: 'Marianne';
  21. src: url("../fonts/Marianne/Marianne-Light.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light.woff") format("woff");
  22. font-weight: 400;
  23. font-style: normal; }
  24. @font-face {
  25. font-family: 'Marianne';
  26. src: url("../fonts/Marianne/Marianne-Light_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Light_Italic.woff") format("woff");
  27. font-weight: 400;
  28. font-style: italic; }
  29. @font-face {
  30. font-family: 'Marianne';
  31. src: url("../fonts/Marianne/Marianne-Regular.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular.woff") format("woff");
  32. font-weight: 600;
  33. font-style: normal; }
  34. @font-face {
  35. font-family: 'Marianne';
  36. src: url("../fonts/Marianne/Marianne-Regular_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Regular_Italic.woff") format("woff");
  37. font-weight: 600;
  38. font-style: italic; }
  39. @font-face {
  40. font-family: 'Marianne';
  41. src: url("../fonts/Marianne/Marianne-Medium.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium.woff") format("woff");
  42. font-weight: 800;
  43. font-style: normal; }
  44. @font-face {
  45. font-family: 'Marianne';
  46. src: url("../fonts/Marianne/Marianne-Medium_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Medium_Italic.woff") format("woff");
  47. font-weight: 800;
  48. font-style: italic; }
  49. @font-face {
  50. font-family: 'Marianne';
  51. src: url("../fonts/Marianne/Marianne-Bold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold.woff") format("woff");
  52. font-weight: 900;
  53. font-style: normal; }
  54. @font-face {
  55. font-family: 'Marianne';
  56. src: url("../fonts/Marianne/Marianne-Bold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-Bold_Italic.woff") format("woff");
  57. font-weight: 900;
  58. font-style: italic; }
  59. @font-face {
  60. font-family: 'Marianne';
  61. src: url("../fonts/Marianne/Marianne-ExtraBold.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold.woff") format("woff");
  62. font-weight: 1000;
  63. font-style: normal; }
  64. @font-face {
  65. font-family: 'Marianne';
  66. src: url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff2") format("woff2"), url("../fonts/Marianne/Marianne-ExtraBold_Italic.woff") format("woff");
  67. font-weight: 1000;
  68. font-style: italic; }
  69. /* Source Code Pro */
  70. @font-face {
  71. font-family: 'Source Code Pro';
  72. src: url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Medium.otf.woff") format("woff");
  73. font-weight: 500;
  74. font-style: normal; }
  75. @font-face {
  76. font-family: 'Source Code Pro';
  77. src: url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff2") format("woff2"), url("../fonts/source-code-pro/SourceCodePro-Bold.otf.woff") format("woff");
  78. font-weight: 1000;
  79. font-style: normal; }
  80. /* Colors used for EQL */
  81. .layout-container {
  82. font-family: "Marianne", sans-serif;
  83. margin: none;
  84. top: 0%;
  85. left: 0%;
  86. width: 100%;
  87. overflow: hidden; }
  88. .layout-content {
  89. padding-top: 7rem;
  90. padding-bottom: 6rem; }
  91. .path-frontpage {
  92. margin: 0; }
  93. .path-node {
  94. margin: 0; }
  95. .path-faq {
  96. margin: 0; }
  97. .main-content {
  98. margin-top: 7rem; }
  99. .field--name-field-titre .field__item {
  100. color: #09398b;
  101. font-weight: 900;
  102. font-size: 2rem; }
  103. .field--name-field-titre .field__label {
  104. visibility: hidden; }
  105. .inter-titre {
  106. color: #009ee3; }
  107. a {
  108. text-decoration: none; }
  109. @media (max-width: 934px) {
  110. #block-headermenu {
  111. display: none; }
  112. .page-node-type-static .layout__region--top {
  113. height: 23vh; }
  114. .page-node-type-static .layout__region--top .block-entity-fieldnodetitle {
  115. margin-top: 11vh; }
  116. .page-node-type-static .node-id-20 .field--name-field-partenaires .paragraph--type--partenaire {
  117. display: flex;
  118. flex-direction: column; }
  119. .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
  120. width: 70%; }
  121. .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
  122. display: flex;
  123. flex-direction: column; }
  124. .path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
  125. width: 100%; } }
  126. /*pages*/
  127. /*
  128. @import "pages/partials/header_footer";
  129. @import "pages/home";*/
  130. .layout__region--top .block-entity-fieldnodetitle {
  131. width: fit-content;
  132. margin-left: 13%;
  133. margin-top: 15vh; }
  134. .layout__region--first .block-region-first {
  135. display: flex;
  136. justify-content: end; }
  137. .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
  138. display: flex;
  139. width: 50%;
  140. background-color: white;
  141. padding-right: 2rem; }
  142. .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre {
  143. display: flex;
  144. font-size: 1rem;
  145. font-weight: 1000;
  146. color: #09398b;
  147. border-bottom: 1px solid #009ee3;
  148. padding-bottom: 0.5rem;
  149. padding-right: 1rem; }
  150. .layout__region--first .block-region-first .block-entity-fieldnodefield-textes .field--name-field-titre:hover {
  151. text-decoration: underline; }
  152. .layout__region--second .block-entity-fieldnodefield-textes {
  153. background-color: white; }
  154. .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
  155. font-size: 1.5rem;
  156. font-weight: 1000;
  157. font-family: 'Source Code Pro';
  158. color: #09398b;
  159. text-transform: uppercase; }
  160. .layout__region--second .block-entity-fieldnodefield-textes h4 {
  161. text-transform: none !important; }
  162. .layout__region--second .block-entity-fieldnodefield-textes h4 img {
  163. width: 100%;
  164. height: auto; }
  165. .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
  166. padding-right: 2rem; }
  167. .layout__region--second .block-entity-fieldnodefield-textes p {
  168. margin-top: 0; }
  169. .layout__region--third .block-region-third {
  170. display: flex;
  171. flex-direction: column;
  172. width: 70%; }
  173. .layout__region--third .block-region-third .block-entity-fieldnodefield-fichiers {
  174. height: fit-content;
  175. border: 2px solid #009ee3;
  176. background-color: white; }
  177. .layout__region--third .block-region-third .field--name-field-fichiers {
  178. min-height: 4rem;
  179. background: white;
  180. color: #009ee3;
  181. padding-left: 1rem;
  182. padding-top: 1rem;
  183. margin-bottom: 1rem; }
  184. .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
  185. display: none; }
  186. .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf {
  187. height: inherit;
  188. margin: auto; }
  189. .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf ::before {
  190. content: url("../images/pictos/noun_Download_file_307900.svg");
  191. min-width: 50px;
  192. height: auto;
  193. padding-right: 1rem; }
  194. .layout__region--third .block-region-third .field--name-field-fichiers .file--mime-application-pdf a {
  195. hyphens: auto;
  196. display: inline-flex;
  197. align-items: center;
  198. color: #009ee3;
  199. font-weight: 800; }
  200. .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens .field__item {
  201. margin: auto;
  202. height: fit-content;
  203. border: 2px solid #009ee3;
  204. min-height: 4rem;
  205. background: white;
  206. color: #009ee3;
  207. padding-left: 1rem;
  208. padding-top: 1rem;
  209. margin-bottom: 1rem; }
  210. .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a {
  211. display: inline-flex;
  212. align-items: center;
  213. color: #009ee3;
  214. font-weight: 800; }
  215. .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a::before {
  216. content: url("../images/pictos/noun_External Link_674151.svg");
  217. min-width: 50px;
  218. height: auto;
  219. padding-right: 1rem; }
  220. .layout__region--third .block-region-third .block-entity-fieldnodefield-liens .field--name-field-liens a svg.ext {
  221. display: none; }
  222. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress {
  223. margin-top: 3rem; }
  224. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress h2 {
  225. font-size: 0.8rem;
  226. color: black;
  227. font-weight: 900; }
  228. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource {
  229. display: flex;
  230. flex-direction: column;
  231. border: 2px solid #009ee3;
  232. padding: 1rem;
  233. height: fit-content;
  234. margin-bottom: 1rem;
  235. background-color: white; }
  236. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
  237. border-top: 1px solid #009ee3;
  238. padding-top: 1rem; }
  239. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
  240. content: url("../images/pictos/noun_Arrow_3771902.svg");
  241. align-self: end; }
  242. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
  243. color: black;
  244. font-size: 1.4rem;
  245. font-weight: 600; }
  246. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- {
  247. font-weight: 800; }
  248. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
  249. margin: 0; }
  250. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
  251. display: none; }
  252. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p {
  253. margin: 0; }
  254. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label {
  255. display: none; }
  256. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
  257. width: 50%; }
  258. .layout__region--third .block-region-third .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
  259. width: 100%;
  260. height: auto; }
  261. .path-frontpage .block-region-content {
  262. display: grid;
  263. grid-template-areas: "presentation presentation presentation presentation presentation presentation" "presentation presentation presentation presentation presentation presentation" "actus actus actus actus actus actus" "actus actus actus actus actus actus" "programme programme programme programme programme programme" "programme programme programme programme programme programme" "programme programme programme programme programme programme";
  264. grid-template-rows: auto auto auto;
  265. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  266. min-height: 100vh; }
  267. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
  268. grid-area: presentation;
  269. grid-row: 1;
  270. background: url("../images/pictos/forme_home_2.svg");
  271. background-size: 75%;
  272. background-position-y: bottom;
  273. background-position-x: left;
  274. background-repeat: no-repeat; }
  275. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
  276. display: grid;
  277. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  278. grid-template-rows: repeat(4, auto); }
  279. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
  280. display: none; }
  281. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
  282. grid-column: 2 /span 3;
  283. grid-row: 2 / span 2;
  284. font-size: 5rem;
  285. font-weight: 900;
  286. color: #009ee3;
  287. line-height: 7rem;
  288. margin-top: 2rem;
  289. margin-bottom: 5rem;
  290. width: fit-content; }
  291. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
  292. margin-top: 4rem;
  293. margin-bottom: 0; }
  294. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
  295. background-color: white; }
  296. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
  297. grid-column: 4;
  298. grid-row: 2;
  299. margin-top: 3rem; }
  300. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
  301. background-color: white; }
  302. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
  303. color: #e1000f;
  304. font-weight: 900;
  305. text-transform: uppercase;
  306. font-family: "Source Code Pro";
  307. display: table;
  308. margin: 0px auto 0px auto; }
  309. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
  310. grid-column: 2;
  311. grid-row: 4;
  312. max-width: 70%;
  313. min-width: fit-content;
  314. height: 1.5rem;
  315. padding: 0.4rem 1rem;
  316. font-size: 0.8rem;
  317. margin-bottom: 2.5rem;
  318. background-color: white;
  319. border: 2px solid #009ee3;
  320. list-style: none;
  321. text-align: center !important; }
  322. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
  323. display: inline-flex;
  324. text-transform: uppercase;
  325. font-weight: 700;
  326. color: #009ee3; }
  327. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
  328. display: block;
  329. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
  330. .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
  331. grid-area: presentation;
  332. grid-column: 3 /span 4;
  333. grid-row: 1;
  334. align-self: end;
  335. margin-bottom: 2.5rem;
  336. width: fit-content; }
  337. .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
  338. grid-column: 3;
  339. position: relative;
  340. max-width: 70%;
  341. min-width: fit-content;
  342. height: 1.5rem;
  343. padding: 0.4rem 1rem;
  344. font-size: 0.8rem;
  345. margin: 0;
  346. background-color: white;
  347. border: 2px solid #009ee3;
  348. list-style: none;
  349. top: -200%;
  350. text-align: center !important; }
  351. .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
  352. display: inline-flex;
  353. text-transform: uppercase;
  354. font-weight: 700;
  355. color: #009ee3; }
  356. .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a .ext {
  357. display: none; }
  358. .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
  359. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
  360. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
  361. grid-area: presentation;
  362. grid-column: 5;
  363. grid-row: 1;
  364. background-color: #009ee3;
  365. height: fit-content;
  366. align-self: end; }
  367. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
  368. text-align: center; }
  369. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
  370. margin-top: 1rem;
  371. display: block;
  372. content: url("../images/pictos/picto_faq.svg"); }
  373. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
  374. font-size: 0.8rem;
  375. font-weight: 1000;
  376. color: #09398b;
  377. text-transform: uppercase; }
  378. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
  379. margin-bottom: 1rem; }
  380. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
  381. margin-top: 0;
  382. margin-bottom: 0;
  383. margin-left: 1.5rem;
  384. margin-right: 1.5rem;
  385. text-align: center; }
  386. .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
  387. font-weight: 800;
  388. color: white;
  389. font-size: 1.3rem; }
  390. .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
  391. grid-column: 5;
  392. grid-row: 1;
  393. height: fit-content;
  394. display: flex;
  395. justify-self: end;
  396. width: 50%;
  397. margin-top: 3rem; }
  398. .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
  399. justify-content: right;
  400. display: flex;
  401. flex-direction: column;
  402. text-transform: uppercase;
  403. text-align: right;
  404. font-size: 1.3rem; }
  405. .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
  406. display: block;
  407. content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
  408. transform: rotate(90deg);
  409. height: fit-content;
  410. position: relative;
  411. top: -30px;
  412. right: -60px; }
  413. .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
  414. font-size: 2.5rem;
  415. font-weight: 900; }
  416. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
  417. grid-area: actus;
  418. width: 100vw;
  419. border-bottom: 5px solid #009ee3;
  420. border-top: 5px solid #009ee3;
  421. background: rgba(0, 158, 227, 0.2); }
  422. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
  423. display: grid;
  424. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  425. margin: auto;
  426. padding-top: 2rem;
  427. padding-bottom: 4rem; }
  428. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) {
  429. grid-column: 2; }
  430. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite {
  431. color: black;
  432. line-height: 1.5rem;
  433. padding: 0.5rem; }
  434. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child {
  435. display: flex;
  436. flex-direction: column; }
  437. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(1) {
  438. order: 1; }
  439. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(4) {
  440. order: 2; }
  441. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) {
  442. order: 3; }
  443. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img {
  444. max-width: 95%;
  445. max-height: 150px;
  446. object-fit: cover;
  447. width: 100%;
  448. padding-bottom: 1rem; }
  449. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time {
  450. font-size: 0.9rem;
  451. font-weight: 800;
  452. padding-right: 1rem;
  453. width: fit-content; }
  454. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite time:after {
  455. padding-left: 0.5rem;
  456. content: "|"; }
  457. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) {
  458. width: 100%; }
  459. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 {
  460. margin: 0; }
  461. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite a {
  462. color: black; }
  463. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links {
  464. padding-top: none !important;
  465. list-style: none;
  466. width: fit-content;
  467. align-self: flex-end;
  468. padding-right: 1rem; }
  469. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a {
  470. display: none; }
  471. .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type {
  472. padding-top: 1rem; }
  473. .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
  474. grid-area: actus;
  475. grid-row: 4;
  476. grid-column: 5 / span 6;
  477. width: fit-content;
  478. margin-bottom: 2rem;
  479. align-self: end; }
  480. .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
  481. width: fit-content;
  482. height: fit-content;
  483. padding: 0.4rem 1rem;
  484. font-size: 0.8rem;
  485. margin: 0;
  486. background-color: white;
  487. border: 2px solid #009ee3;
  488. list-style: none; }
  489. .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a {
  490. text-transform: uppercase;
  491. font-weight: 700;
  492. color: #009ee3; }
  493. .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link a::after {
  494. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
  495. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 {
  496. grid-area: programme; }
  497. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) {
  498. padding-top: 2rem;
  499. background: url("../images/pictos/carre-contour-bleu.svg");
  500. background-repeat: no-repeat;
  501. max-width: 100vw;
  502. background-size: cover; }
  503. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
  504. width: 70%;
  505. margin: auto; }
  506. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
  507. display: flex;
  508. flex-direction: row;
  509. flex-wrap: wrap; }
  510. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) :nth-child(4) {
  511. order: 3; }
  512. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links {
  513. z-index: 95;
  514. align-self: flex-end;
  515. width: fit-content;
  516. height: fit-content;
  517. padding: 0.4rem 1rem;
  518. font-size: 0.8rem;
  519. margin: 0;
  520. background-color: white;
  521. border: 2px solid #009ee3;
  522. list-style: none; }
  523. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a {
  524. text-transform: uppercase;
  525. font-weight: 700;
  526. color: #009ee3; }
  527. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .inline.links a:after {
  528. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
  529. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-images .field__item img {
  530. width: 15rem;
  531. height: auto; }
  532. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-title {
  533. display: none; }
  534. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche {
  535. flex: 1 1 50px;
  536. padding-left: 1rem; }
  537. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
  538. background-color: white;
  539. font-size: 1.5rem;
  540. width: 110%;
  541. margin-bottom: 2rem;
  542. padding-bottom: 2rem;
  543. margin-block-start: 0; }
  544. .path-frontpage .block-region-content .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-videos {
  545. flex: 0 0 80%;
  546. padding-top: 4rem;
  547. margin: auto; }
  548. .node-id-20 {
  549. background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
  550. background-repeat: repeat;
  551. background-position-y: 7rem;
  552. max-width: 100vw;
  553. background-size: contain; }
  554. .node-id-20 .layout__region--top {
  555. padding-bottom: 3rem;
  556. height: 30vh; }
  557. .node-id-20 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  558. font-family: 'Source Code Pro';
  559. font-size: 2rem;
  560. font-weight: 800;
  561. color: white;
  562. background-color: #009ee3;
  563. text-transform: uppercase; }
  564. .field--name-field-partenaires {
  565. padding-top: 3rem; }
  566. .field--name-field-partenaires .paragraph--type--partenaire {
  567. background-color: white;
  568. width: 100%;
  569. padding-bottom: 3rem;
  570. display: grid;
  571. grid-template-columns: repeat(7, 1fr);
  572. grid-template-rows: repeat(auto-fill); }
  573. .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
  574. grid-column: 1 / 2;
  575. grid-row: 2;
  576. margin-top: 2rem;
  577. padding-right: 1rem; }
  578. .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
  579. grid-column: 2 / 8;
  580. grid-row: 1;
  581. font-weight: 800; }
  582. .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
  583. grid-column: 2 / 8;
  584. grid-row: 2; }
  585. .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
  586. grid-column: 2 / 8;
  587. grid-row: 3; }
  588. .field--name-field-partenaires a {
  589. color: black;
  590. font-weight: 800; }
  591. .field--name-field-partenaires a svg {
  592. display: none; }
  593. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
  594. background-color: rgba(0, 158, 227, 0.2);
  595. height: 40vh;
  596. padding-right: 1rem; }
  597. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
  598. display: grid;
  599. grid-template-columns: 1fr repeat(8, 1fr) 1fr;
  600. padding-top: 2rem; }
  601. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
  602. grid-column: 2; }
  603. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle {
  604. grid-column: 2 /span 9;
  605. margin: 0; }
  606. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  607. font-family: "Source Code Pro";
  608. font-size: 3rem;
  609. font-weight: 500; }
  610. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
  611. grid-column: 2;
  612. text-transform: uppercase;
  613. color: #09398b;
  614. font-size: 1.2rem;
  615. font-weight: 800; }
  616. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
  617. grid-column-start: 5;
  618. grid-column-end: 9; }
  619. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
  620. padding-top: 2rem;
  621. width: 600px;
  622. max-height: 360px;
  623. object-fit: cover; }
  624. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first {
  625. margin-top: 15rem; }
  626. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
  627. flex: 0 1 50%;
  628. margin-top: 15rem; }
  629. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
  630. width: 90%; }
  631. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
  632. overflow-y: visible !important; }
  633. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third {
  634. margin-top: 15rem; }
  635. .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
  636. width: 65%; }
  637. .node-id-35 .region-content {
  638. background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
  639. background-repeat: no-repeat;
  640. max-width: 100vw;
  641. background-size: contain; }
  642. .node-id-35 .layout__region--top {
  643. padding-bottom: 3rem;
  644. height: 30vh; }
  645. .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
  646. display: none;
  647. height: inherit; }
  648. .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  649. font-family: 'Source Code Pro';
  650. font-size: 2rem;
  651. font-weight: 800;
  652. color: white;
  653. background-color: #009ee3;
  654. text-transform: uppercase; }
  655. .node-id-3 {
  656. background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
  657. background-repeat: no-repeat;
  658. background-position-y: 7rem;
  659. max-width: 100vw;
  660. background-size: contain; }
  661. .node-id-3 .layout__region--top {
  662. padding-bottom: 3rem;
  663. height: 30vh; }
  664. .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
  665. display: none;
  666. height: inherit; }
  667. .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  668. font-family: 'Source Code Pro';
  669. font-size: 2rem;
  670. font-weight: 800;
  671. color: #009ee3;
  672. background-color: white;
  673. text-transform: uppercase; }
  674. .node-id-3 .block-entity-fieldnodefield-ress {
  675. margin-top: 3rem; }
  676. .node-id-3 .block-entity-fieldnodefield-ress h2 {
  677. font-size: 0.8rem;
  678. color: black;
  679. font-weight: 900; }
  680. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource {
  681. display: flex;
  682. flex-direction: column;
  683. border: 2px solid #009ee3;
  684. padding: 1rem;
  685. height: fit-content;
  686. margin-bottom: 1rem;
  687. background-color: white; }
  688. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type {
  689. border-top: 1px solid #009ee3;
  690. padding-top: 1rem; }
  691. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource:first-of-type::after {
  692. content: url("../images/pictos/noun_Arrow_3771902.svg");
  693. align-self: end; }
  694. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-title a {
  695. color: black;
  696. font-size: 1.4rem;
  697. font-weight: 600; }
  698. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- {
  699. font-weight: 800; }
  700. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- p {
  701. margin: 0; }
  702. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-auteur-s- .field__label {
  703. display: none; }
  704. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition p {
  705. margin: 0; }
  706. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-edition .field__label {
  707. display: none; }
  708. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images {
  709. display: none;
  710. width: 50%; }
  711. .node-id-3 .block-entity-fieldnodefield-ress .node-type-ressource .field--name-field-images img {
  712. width: 100%;
  713. height: auto; }
  714. .path-actualites {
  715. background-color: rgba(0, 158, 227, 0.2);
  716. margin: 0; }
  717. .path-actualites .block-region-content {
  718. display: grid;
  719. grid-template-columns: 1fr 8fr 1fr;
  720. margin: auto;
  721. padding-top: 3rem; }
  722. .path-actualites .block-region-content .block-views {
  723. grid-column: 2; }
  724. .path-actualites .block-region-content .block-views .view-content {
  725. display: flex;
  726. flex-direction: row;
  727. flex-wrap: wrap; }
  728. .path-actualites .block-region-content .block-views .view-content .views-row {
  729. width: 25%;
  730. flex: 0 0 25%; }
  731. .path-actualites .block-region-content .block-views .view-display-id-block_2 {
  732. padding-top: 0; }
  733. .path-actualites .block-region-content .block-views .node-type-actualite {
  734. color: #09398b;
  735. line-height: 1.5rem;
  736. padding: 0.5rem;
  737. padding-right: 1rem;
  738. padding-left: 1rem; }
  739. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
  740. display: flex;
  741. flex-direction: column; }
  742. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
  743. order: 1; }
  744. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
  745. order: 2; }
  746. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
  747. order: 3; }
  748. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
  749. color: #09398b; }
  750. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
  751. width: 100%;
  752. max-height: 175px;
  753. object-fit: cover; }
  754. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
  755. display: block;
  756. content: url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>'); }
  757. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time {
  758. font-size: 0.9rem;
  759. font-weight: 800;
  760. padding-right: 1rem;
  761. width: fit-content; }
  762. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after {
  763. padding-left: 0.5rem;
  764. content: "|"; }
  765. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
  766. width: 100%; }
  767. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
  768. margin: 0; }
  769. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links {
  770. padding-top: none !important;
  771. list-style: none;
  772. width: fit-content;
  773. align-self: flex-end;
  774. padding-right: 1rem; }
  775. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a {
  776. display: none; }
  777. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type {
  778. padding-top: 1rem; }
  779. .node-id-4 {
  780. background: url("../images/pictos/carre-contour-bleu_programme.svg");
  781. background-repeat: no-repeat;
  782. background-position-y: 7rem;
  783. max-width: 100vw;
  784. background-size: contain; }
  785. .node-id-4 .layout__region--top {
  786. padding-bottom: 3rem;
  787. height: 30vh; }
  788. .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
  789. display: none;
  790. height: inherit; }
  791. .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  792. font-family: 'Source Code Pro';
  793. font-size: 2rem;
  794. font-weight: 800;
  795. color: white;
  796. background-color: #009ee3;
  797. text-transform: uppercase; }
  798. .node-id-4 .layout__region--second {
  799. width: 25%; }
  800. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes {
  801. background-color: white; }
  802. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
  803. font-size: 1.5rem;
  804. font-weight: 1000;
  805. font-family: 'Source Code Pro';
  806. color: #09398b;
  807. text-transform: uppercase; }
  808. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes h4 {
  809. text-transform: none !important; }
  810. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
  811. padding-right: 2rem; }
  812. .node-id-5 .region-content {
  813. background: url("../images/pictos/carre-contour-bleu_contact.svg");
  814. background-repeat: no-repeat;
  815. max-width: 100vw;
  816. background-size: contain; }
  817. .node-id-5 .layout__region--top {
  818. padding-bottom: 3rem;
  819. height: 30vh; }
  820. .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  821. font-family: 'Source Code Pro';
  822. font-size: 2rem;
  823. font-weight: 800;
  824. color: white;
  825. background-color: #009ee3;
  826. text-transform: uppercase; }
  827. .path-faq #block-contenudelapageprincipale h2 {
  828. font-family: 'Source Code Pro';
  829. font-size: 2rem;
  830. font-weight: 800;
  831. color: #009ee3;
  832. background-color: white;
  833. text-transform: uppercase;
  834. width: fit-content;
  835. margin-left: 10%;
  836. margin-top: 8rem; }
  837. .path-faq #block-contenudelapageprincipale .block-region-content {
  838. display: grid;
  839. grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
  840. .path-faq #block-contenudelapageprincipale .block-region-content .block-config-pages.block-config-pages-block {
  841. grid-column: 2 / span 3; }
  842. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
  843. grid-column: 5;
  844. background-color: #009ee3; }
  845. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
  846. text-align: center; }
  847. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before {
  848. margin-top: 1rem;
  849. display: block;
  850. content: url("../images/pictos/picto_faq.svg"); }
  851. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a {
  852. font-size: 0.8rem;
  853. font-weight: 1000;
  854. color: #09398b;
  855. text-transform: uppercase; }
  856. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
  857. margin-top: 0;
  858. margin-left: 1.5rem;
  859. margin-right: 1.5rem;
  860. text-align: center; }
  861. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a {
  862. font-weight: 800;
  863. color: white;
  864. font-size: 1.3rem; }
  865. .path-faq #block-contenudelapageprincipale .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
  866. display: block;
  867. content: url("../images/pictos/noun_Arrow_3771902.svg"); }
  868. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 {
  869. grid-column: 2 / span 3;
  870. display: grid;
  871. grid-template-columns: 1fr 1fr 1fr; }
  872. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child {
  873. grid-column: 1 / span 3; }
  874. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
  875. border-bottom: 1px solid #009ee3;
  876. padding-bottom: 2rem; }
  877. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
  878. display: none; }
  879. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
  880. font-family: 'Source Code Pro';
  881. font-weight: 500;
  882. color: #09398b;
  883. font-size: 1.5rem; }
  884. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
  885. display: inline-flex;
  886. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
  887. justify-self: flex-end; }
  888. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
  889. display: none; }
  890. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
  891. display: block; }
  892. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers span:nth-of-type(2) {
  893. display: none; }
  894. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf span:nth-of-type(2) {
  895. display: none; }
  896. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf ::before {
  897. display: inline-block;
  898. content: url("../images/pictos/noun_Download_file_307900.svg");
  899. width: 30px;
  900. height: 30px;
  901. padding-right: 0.8rem; }
  902. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-fichiers .file--mime-application-pdf a {
  903. display: inline-flex;
  904. align-items: center;
  905. color: black;
  906. font-weight: 800; }
  907. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
  908. display: flex;
  909. flex-direction: row;
  910. justify-content: left;
  911. align-items: center;
  912. color: black;
  913. font-weight: 800; }
  914. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
  915. display: inline-block;
  916. content: url("../images/pictos/noun_External Link_674151.svg");
  917. width: 30px;
  918. height: 30px;
  919. padding-right: 0.8rem; }
  920. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
  921. display: none; }
  922. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
  923. margin-top: 0.5rem; }
  924. .path-faq #block-contenudelapageprincipale .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
  925. color: black;
  926. text-decoration: underline;
  927. font-weight: 800; }
  928. /*partials*/
  929. .layout-container {
  930. position: relative; }
  931. header {
  932. width: 100%;
  933. position: fixed;
  934. z-index: 99; }
  935. #header-top {
  936. height: 7rem;
  937. background-color: white;
  938. box-shadow: 1px 0px 8px black;
  939. display: flex;
  940. flex-direction: row;
  941. justify-content: space-between;
  942. color: black;
  943. top: 0%; }
  944. #header-top .region-header-top-left {
  945. display: flex;
  946. flex-direction: row;
  947. padding: 1rem;
  948. padding-left: 4%;
  949. align-items: center;
  950. color: black;
  951. font-weight: 800;
  952. flex: 1;
  953. justify-content: space-between; }
  954. #header-top .region-header-top-left #block-logogouv {
  955. display: flex;
  956. height: 100%;
  957. align-items: center; }
  958. #header-top .region-header-top-left #block-logogouv img {
  959. min-width: 80px;
  960. width: 70%;
  961. height: auto; }
  962. #header-top .region-header-top-left #block-logoeql {
  963. display: flex;
  964. height: 100%;
  965. align-items: center; }
  966. #header-top .region-header-top-left #block-logoeql img {
  967. min-width: 80px;
  968. width: 80%;
  969. height: auto; }
  970. #header-top .region-header-top-left ul {
  971. font-size: 1.2rem;
  972. list-style: none;
  973. display: flex;
  974. flex-direction: row;
  975. width: 100%; }
  976. #header-top .region-header-top-left ul :is(.sous-liste) {
  977. display: flex;
  978. flex-direction: column;
  979. padding: 1rem; }
  980. #header-top .region-header-top-left ul li a {
  981. color: black; }
  982. #header-top .region-header-top-left ul li .is-active {
  983. color: #009ee3; }
  984. #header-top .region-header-top-left ul li :hover {
  985. color: #009ee3; }
  986. #header-top .region-header-top-left ul div:first-child li div {
  987. display: none; }
  988. #header-top .region-header-top-left :hover ul div:first-child li div {
  989. display: block;
  990. background-color: white;
  991. padding: 1rem; }
  992. #header-top .region-header-top-left :hover ul div:first-child li div a {
  993. color: black; }
  994. #header-top .region-header-top-left :hover ul div:first-child li div a:hover {
  995. color: #009ee3; }
  996. #header-top .region-header-top-left :hover ul div:nth-child(2) li div {
  997. display: block;
  998. background-color: white;
  999. padding: 1rem; }
  1000. #header-top .region-header-top-left :hover ul div:nth-child(2) li div a {
  1001. color: black; }
  1002. #header-top .region-header-top-left :hover ul div:nth-child(2) li div a:hover {
  1003. color: #009ee3; }
  1004. #header-top #block-socialnetwork-2 {
  1005. position: relative;
  1006. top: -33px; }
  1007. #header-top #block-socialnetwork-2 .field--name-body {
  1008. min-height: 75px;
  1009. margin-right: 1rem; }
  1010. #header-top #block-socialnetwork-2 p {
  1011. display: flex;
  1012. flex-direction: row-reverse;
  1013. margin-bottom: 0;
  1014. min-height: 54px;
  1015. justify-content: space-around;
  1016. min-width: 120%; }
  1017. #header-top #block-socialnetwork-2 p a {
  1018. color: white;
  1019. font-size: 0; }
  1020. #header-top #block-socialnetwork-2 p svg.ext {
  1021. display: none; }
  1022. #header-top #block-socialnetwork-2 p .link-twitter {
  1023. display: flex;
  1024. background-color: black;
  1025. min-width: 40px;
  1026. justify-content: center;
  1027. align-items: end; }
  1028. #header-top #block-socialnetwork-2 p .link-twitter:before {
  1029. content: url("../images/pictos/twitter_white.svg");
  1030. min-width: 30px;
  1031. padding-bottom: 0.3rem; }
  1032. #header-top #block-socialnetwork-2 p .link-youtube {
  1033. display: flex;
  1034. background-color: black;
  1035. min-width: 40px;
  1036. justify-content: center;
  1037. align-items: end; }
  1038. #header-top #block-socialnetwork-2 p .link-youtube:before {
  1039. content: url("../images/pictos/youtube_white.svg");
  1040. min-width: 25px;
  1041. padding-bottom: 0.5rem; }
  1042. #header-top #block-socialnetwork-2 p .link-linkedin {
  1043. display: flex;
  1044. background-color: black;
  1045. min-width: 40px;
  1046. justify-content: center;
  1047. align-items: end; }
  1048. #header-top #block-socialnetwork-2 p .link-linkedin:before {
  1049. content: url("../images/pictos/linkedin_white.svg");
  1050. min-width: 35px;
  1051. padding-bottom: 0.2rem; }
  1052. #header-top #block-burger {
  1053. z-index: 1;
  1054. background-color: #009ee3;
  1055. font-size: 0.7rem;
  1056. color: white;
  1057. display: block;
  1058. width: 7rem;
  1059. height: 100%;
  1060. margin-top: 0; }
  1061. #header-top #block-burger :hover {
  1062. cursor: pointer; }
  1063. #header-top #block-burger h2 {
  1064. padding-top: 1rem; }
  1065. #header-top #block-burger h2:after {
  1066. display: block;
  1067. margin: auto;
  1068. height: 70px;
  1069. content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
  1070. #header-top #block-burger #block-burger-menu {
  1071. display: block;
  1072. margin: 0;
  1073. align-self: center;
  1074. text-align: center; }
  1075. #header-top #block-burger .ul1:not(.sous-liste) {
  1076. width: 300%;
  1077. position: relative;
  1078. right: 260px;
  1079. margin: 0;
  1080. padding-top: 2rem;
  1081. padding-bottom: 2rem;
  1082. z-index: 99; }
  1083. #header-top #block-burger ul {
  1084. display: none;
  1085. background-color: #009ee3;
  1086. line-height: 2rem;
  1087. list-style: none; }
  1088. #header-top #block-burger ul .ul1 .sous-liste a {
  1089. opacity: 1; }
  1090. #header-top #block-burger ul a {
  1091. opacity: 0.6;
  1092. color: white;
  1093. font-weight: 800;
  1094. font-size: 1rem; }
  1095. #header-top #block-burger.opened ul {
  1096. display: block; }
  1097. #fotter-bottom {
  1098. box-shadow: 1px 0px 8px black;
  1099. display: flex;
  1100. flex: 1 1 120px;
  1101. flex-direction: row;
  1102. background-color: white;
  1103. padding-top: 3rem; }
  1104. #fotter-bottom .region {
  1105. display: block;
  1106. padding-left: 2rem;
  1107. padding-right: 1rem;
  1108. padding-bottom: 1rem;
  1109. border-left: #009ee3 solid 1px; }
  1110. #fotter-bottom .region h2 {
  1111. margin-top: 0;
  1112. color: #09398b;
  1113. font-size: 1.2rem; }
  1114. #fotter-bottom .region-footer-bottom-left {
  1115. margin-left: 3rem;
  1116. border: none;
  1117. width: 20%; }
  1118. #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
  1119. display: flex;
  1120. flex-direction: row;
  1121. justify-content: flex-start;
  1122. flex-wrap: wrap;
  1123. padding-top: 1rem; }
  1124. #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
  1125. padding-right: 1rem;
  1126. padding-bottom: 1rem; }
  1127. #fotter-bottom .region-footer-bottom-left .block-views-blockpartenaires-block-3 img {
  1128. width: auto;
  1129. height: 40px; }
  1130. #fotter-bottom .region-footer-bottom-right {
  1131. width: 30%;
  1132. display: flex;
  1133. flex-direction: column-reverse;
  1134. justify-content: flex-end; }
  1135. #fotter-bottom .region-footer-bottom-right #block-socialnetwork {
  1136. margin-bottom: 1rem; }
  1137. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p {
  1138. margin-top: 0;
  1139. display: flex;
  1140. flex-direction: row-reverse;
  1141. justify-content: start; }
  1142. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p a {
  1143. color: white;
  1144. font-size: 0;
  1145. padding-left: 1rem; }
  1146. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p svg.ext {
  1147. display: none; }
  1148. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter {
  1149. display: flex; }
  1150. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter:before {
  1151. content: url("../images/pictos/twitter_black.svg");
  1152. min-width: 50px; }
  1153. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube {
  1154. display: flex; }
  1155. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube:before {
  1156. content: url("../images/pictos/youtube_black.svg");
  1157. min-width: 50px; }
  1158. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin {
  1159. display: flex; }
  1160. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin:before {
  1161. content: url("../images/pictos/linkedin_black.svg");
  1162. min-width: 50px; }
  1163. #fotter-bottom .region-footer-bottom-right #block-pieddepage ul {
  1164. margin-top: 0;
  1165. color: #09398b;
  1166. font-weight: 800;
  1167. list-style: none;
  1168. padding-left: 0; }
  1169. #fotter-bottom .region-footer-bottom-right #block-pieddepage ul a {
  1170. color: #09398b;
  1171. font-size: 1.2rem;
  1172. text-decoration: underline;
  1173. margin-top: 0; }
  1174. #fotter-bottom .region-footer-bottom-middle {
  1175. width: 60%; }
  1176. #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content {
  1177. display: flex;
  1178. flex-direction: row;
  1179. justify-content: flex-start;
  1180. flex-wrap: wrap; }
  1181. #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
  1182. padding-right: 1rem;
  1183. padding-bottom: 1rem; }