styles.css 58 KB

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