styles.css 62 KB

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