styles.css 51 KB

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