styles.css 52 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149
  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. padding-top: 2rem; }
  598. .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodefield-actu-type {
  599. grid-column: 2; }
  600. .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodetitle {
  601. grid-column: 2 /span 6;
  602. margin: 0; }
  603. .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  604. font-family: "Source Code Pro";
  605. font-size: 4rem;
  606. font-weight: 500; }
  607. .path-node.page-node-type-actualite .layout__region--top .block-region-top .block-entity-fieldnodefield-date {
  608. grid-column: 2;
  609. text-transform: uppercase;
  610. color: #09398b;
  611. font-size: 1.5rem;
  612. font-weight: 800; }
  613. .layout__region--second {
  614. flex: 0 1 45%; }
  615. .layout__region--second .block-region-second {
  616. width: 90%; }
  617. .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
  618. overflow-y: visible !important; }
  619. .layout__region--third .block-region-third {
  620. width: 65%; }
  621. .node-id-35 .region-content {
  622. background: url("../images/pictos/carre-contour-bleu_gouvernance.svg");
  623. background-repeat: no-repeat;
  624. max-width: 100vw;
  625. background-size: contain; }
  626. .node-id-35 .layout__region--top {
  627. padding-bottom: 3rem; }
  628. .node-id-35 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  629. font-family: 'Source Code Pro';
  630. font-size: 2rem;
  631. font-weight: 800;
  632. color: white;
  633. background-color: #009ee3;
  634. text-transform: uppercase; }
  635. .node-id-3 {
  636. background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
  637. background-repeat: no-repeat;
  638. background-position-y: 7rem;
  639. max-width: 100vw;
  640. background-size: contain; }
  641. .node-id-3 .layout__region--top {
  642. padding-bottom: 3rem; }
  643. .node-id-3 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  644. font-family: 'Source Code Pro';
  645. font-size: 2rem;
  646. font-weight: 800;
  647. color: #009ee3;
  648. background-color: white;
  649. text-transform: uppercase; }
  650. .path-actualites {
  651. background-color: rgba(0, 158, 227, 0.2);
  652. margin: 0; }
  653. .path-actualites .block-region-content {
  654. display: grid;
  655. grid-template-columns: 1fr 8fr 1fr;
  656. margin: auto;
  657. padding-top: 3rem; }
  658. .path-actualites .block-region-content .block-views {
  659. grid-column: 2; }
  660. .path-actualites .block-region-content .block-views .view-content {
  661. display: flex;
  662. flex-direction: row;
  663. flex-wrap: wrap; }
  664. .path-actualites .block-region-content .block-views .view-content .views-row {
  665. width: 25%;
  666. flex: 0 0 25%; }
  667. .path-actualites .block-region-content .block-views .view-display-id-block_2 {
  668. padding-top: 0; }
  669. .path-actualites .block-region-content .block-views .node-type-actualite {
  670. color: #09398b;
  671. line-height: 1.5rem;
  672. padding: 0.5rem;
  673. padding-right: 1rem;
  674. padding-left: 1rem; }
  675. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
  676. display: flex;
  677. flex-direction: column; }
  678. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
  679. order: 1; }
  680. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
  681. order: 2; }
  682. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
  683. order: 3; }
  684. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
  685. color: #09398b; }
  686. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
  687. width: 100%;
  688. max-height: 175px;
  689. object-fit: cover; }
  690. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
  691. display: block;
  692. 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>'); }
  693. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time {
  694. font-size: 0.9rem;
  695. font-weight: 800;
  696. padding-right: 1rem;
  697. width: fit-content; }
  698. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child time:after {
  699. padding-left: 0.5rem;
  700. content: "|"; }
  701. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
  702. width: 80%; }
  703. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
  704. margin: 0; }
  705. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links {
  706. padding-top: none !important;
  707. list-style: none;
  708. width: fit-content;
  709. align-self: flex-end;
  710. padding-right: 1rem; }
  711. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a {
  712. display: none; }
  713. .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type {
  714. padding-top: 1rem; }
  715. .node-id-4 {
  716. background: url("../images/pictos/carre-contour-bleu_programme.svg");
  717. background-repeat: no-repeat;
  718. background-position-y: 7rem;
  719. max-width: 100vw;
  720. background-size: contain; }
  721. .node-id-4 .layout__region--top {
  722. padding-bottom: 3rem; }
  723. .node-id-4 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  724. font-family: 'Source Code Pro';
  725. font-size: 2rem;
  726. font-weight: 800;
  727. color: white;
  728. background-color: #009ee3;
  729. text-transform: uppercase; }
  730. .node-id-4 .layout__region--second {
  731. width: 25%; }
  732. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes {
  733. background-color: white; }
  734. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
  735. font-size: 1.5rem;
  736. font-weight: 1000;
  737. font-family: 'Source Code Pro';
  738. color: #09398b;
  739. text-transform: uppercase; }
  740. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes h4 {
  741. text-transform: none !important; }
  742. .node-id-4 .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
  743. padding-right: 2rem; }
  744. .node-id-5 .region-content {
  745. background: url("../images/pictos/carre-contour-bleu_contact.svg");
  746. background-repeat: no-repeat;
  747. max-width: 100vw;
  748. background-size: contain; }
  749. .node-id-5 .layout__region--top {
  750. padding-bottom: 3rem; }
  751. .node-id-5 .layout__region--top .block-region-top .block-entity-fieldnodetitle .field--name-title {
  752. font-family: 'Source Code Pro';
  753. font-size: 2rem;
  754. font-weight: 800;
  755. color: white;
  756. background-color: #009ee3;
  757. text-transform: uppercase; }
  758. .path-faq .block-region-content {
  759. display: grid;
  760. grid-template-columns: 1fr repeat(4, 2fr) 1fr; }
  761. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 {
  762. grid-column: 5;
  763. background-color: #009ee3; }
  764. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien {
  765. text-align: center; }
  766. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien:before {
  767. margin-top: 1rem;
  768. display: block;
  769. content: url("../images/pictos/picto_faq.svg"); }
  770. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-lien a {
  771. font-size: 0.8rem;
  772. font-weight: 1000;
  773. color: #09398b;
  774. text-transform: uppercase; }
  775. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p {
  776. margin-top: 0;
  777. margin-left: 1.5rem;
  778. margin-right: 1.5rem;
  779. text-align: center; }
  780. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p a {
  781. font-weight: 800;
  782. color: white;
  783. font-size: 1.3rem; }
  784. .path-faq .block-region-content .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398 .field--name-field-description p:after {
  785. display: block;
  786. content: url("../images/pictos/noun_Arrow_3771902.svg"); }
  787. .path-faq .block-region-content .block-views-blockfaq-block-1 {
  788. grid-column: 2 / span 3;
  789. display: grid;
  790. grid-template-columns: 1fr 1fr 1fr; }
  791. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child {
  792. grid-column: 1 / span 3; }
  793. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse {
  794. border-bottom: 1px solid #009ee3;
  795. padding-bottom: 2rem; }
  796. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-title {
  797. display: none; }
  798. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p {
  799. font-family: 'Source Code Pro';
  800. font-weight: 500;
  801. color: #09398b;
  802. font-size: 1.5rem; }
  803. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-question p:after {
  804. display: inline-flex;
  805. 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>');
  806. justify-self: flex-end; }
  807. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-reponse {
  808. display: none; }
  809. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .opened {
  810. display: block; }
  811. .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) {
  812. display: none; }
  813. .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) {
  814. display: none; }
  815. .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 {
  816. display: inline-block;
  817. content: url("../images/pictos/noun_Download_file_307900.svg");
  818. width: 30px;
  819. height: 30px;
  820. padding-right: 0.8rem; }
  821. .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 {
  822. display: inline-flex;
  823. align-items: center;
  824. color: black;
  825. font-weight: 800; }
  826. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a {
  827. display: flex;
  828. flex-direction: row;
  829. justify-content: left;
  830. align-items: center;
  831. color: black;
  832. font-weight: 800; }
  833. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens a:before {
  834. display: inline-block;
  835. content: url("../images/pictos/noun_External Link_674151.svg");
  836. width: 30px;
  837. height: 30px;
  838. padding-right: 0.8rem; }
  839. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-liens svg {
  840. display: none; }
  841. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress {
  842. margin-top: 0.5rem; }
  843. .path-faq .block-region-content .block-views-blockfaq-block-1 div:first-child .node-type-question_reponse .field--name-field-ress a {
  844. color: black;
  845. text-decoration: underline;
  846. font-weight: 800; }
  847. /*partials*/
  848. .layout-container {
  849. position: relative; }
  850. header {
  851. width: 100%;
  852. position: fixed;
  853. z-index: 99; }
  854. #header-top {
  855. height: 7rem;
  856. background-color: white;
  857. box-shadow: 1px 0px 8px black;
  858. display: flex;
  859. flex-direction: row;
  860. justify-content: space-between;
  861. color: black;
  862. top: 0%; }
  863. #header-top .region-header-top-left {
  864. display: flex;
  865. flex-direction: row;
  866. padding: 1rem;
  867. padding-left: 4%;
  868. align-items: center;
  869. color: black;
  870. font-weight: 800;
  871. flex: 1;
  872. justify-content: space-between; }
  873. #header-top .region-header-top-left #block-logogouv {
  874. display: flex;
  875. height: 100%;
  876. align-items: center; }
  877. #header-top .region-header-top-left #block-logogouv img {
  878. min-width: 80px;
  879. width: 70%;
  880. height: auto; }
  881. #header-top .region-header-top-left #block-logoeql {
  882. display: flex;
  883. height: 100%;
  884. align-items: center; }
  885. #header-top .region-header-top-left #block-logoeql img {
  886. min-width: 80px;
  887. width: 80%;
  888. height: auto; }
  889. #header-top .region-header-top-left ul {
  890. font-size: 1.2rem;
  891. list-style: none;
  892. display: flex;
  893. flex-direction: row;
  894. width: 100%; }
  895. #header-top .region-header-top-left ul :is(.sous-liste) {
  896. display: flex;
  897. flex-direction: column;
  898. padding: 1rem; }
  899. #header-top .region-header-top-left ul li a {
  900. color: black; }
  901. #header-top .region-header-top-left ul li .is-active {
  902. color: #009ee3; }
  903. #header-top .region-header-top-left ul li :hover {
  904. color: #009ee3; }
  905. #header-top .region-header-top-left ul div:first-child li div {
  906. display: none; }
  907. #header-top .region-header-top-left :hover ul div:first-child li div {
  908. display: block;
  909. background-color: white;
  910. padding: 1rem; }
  911. #header-top .region-header-top-left :hover ul div:first-child li div a {
  912. color: black; }
  913. #header-top .region-header-top-left :hover ul div:first-child li div a:hover {
  914. color: #009ee3; }
  915. #header-top .region-header-top-left :hover ul div:nth-child(2) li div {
  916. display: block;
  917. background-color: white;
  918. padding: 1rem; }
  919. #header-top .region-header-top-left :hover ul div:nth-child(2) li div a {
  920. color: black; }
  921. #header-top .region-header-top-left :hover ul div:nth-child(2) li div a:hover {
  922. color: #009ee3; }
  923. #header-top #block-socialnetwork-2 {
  924. position: relative;
  925. top: -33px; }
  926. #header-top #block-socialnetwork-2 .field--name-body {
  927. min-height: 75px;
  928. margin-right: 1rem; }
  929. #header-top #block-socialnetwork-2 p {
  930. display: flex;
  931. flex-direction: row-reverse;
  932. margin-bottom: 0;
  933. min-height: 54px;
  934. justify-content: space-around;
  935. min-width: 120%; }
  936. #header-top #block-socialnetwork-2 p a {
  937. color: white;
  938. font-size: 0; }
  939. #header-top #block-socialnetwork-2 p svg.ext {
  940. display: none; }
  941. #header-top #block-socialnetwork-2 p .link-twitter {
  942. display: flex;
  943. background-color: black;
  944. min-width: 40px;
  945. justify-content: center;
  946. align-items: end; }
  947. #header-top #block-socialnetwork-2 p .link-twitter:before {
  948. content: url("../images/pictos/twitter_white.svg");
  949. min-width: 30px;
  950. padding-bottom: 0.3rem; }
  951. #header-top #block-socialnetwork-2 p .link-youtube {
  952. display: flex;
  953. background-color: black;
  954. min-width: 40px;
  955. justify-content: center;
  956. align-items: end; }
  957. #header-top #block-socialnetwork-2 p .link-youtube:before {
  958. content: url("../images/pictos/youtube_white.svg");
  959. min-width: 25px;
  960. padding-bottom: 0.5rem; }
  961. #header-top #block-socialnetwork-2 p .link-linkedin {
  962. display: flex;
  963. background-color: black;
  964. min-width: 40px;
  965. justify-content: center;
  966. align-items: end; }
  967. #header-top #block-socialnetwork-2 p .link-linkedin:before {
  968. content: url("../images/pictos/linkedin_white.svg");
  969. min-width: 35px;
  970. padding-bottom: 0.2rem; }
  971. #header-top #block-burger {
  972. z-index: 1;
  973. background-color: #009ee3;
  974. font-size: 0.7rem;
  975. color: white;
  976. display: block;
  977. width: 7rem;
  978. height: 100%;
  979. margin-top: 0; }
  980. #header-top #block-burger :hover {
  981. cursor: pointer; }
  982. #header-top #block-burger h2 {
  983. padding-top: 1rem; }
  984. #header-top #block-burger h2:after {
  985. display: block;
  986. margin: auto;
  987. height: 70px;
  988. 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>'); }
  989. #header-top #block-burger #block-burger-menu {
  990. display: block;
  991. margin: 0;
  992. align-self: center;
  993. text-align: center; }
  994. #header-top #block-burger .ul1:not(.sous-liste) {
  995. width: 300%;
  996. position: relative;
  997. right: 260px;
  998. margin: 0;
  999. padding-top: 2rem;
  1000. padding-bottom: 2rem;
  1001. z-index: 99; }
  1002. #header-top #block-burger ul {
  1003. display: none;
  1004. background-color: #009ee3;
  1005. line-height: 2rem;
  1006. list-style: none; }
  1007. #header-top #block-burger ul .ul1 .sous-liste a {
  1008. opacity: 1; }
  1009. #header-top #block-burger ul a {
  1010. opacity: 0.6;
  1011. color: white;
  1012. font-weight: 800;
  1013. font-size: 1rem; }
  1014. #header-top #block-burger.opened ul {
  1015. display: block; }
  1016. #fotter-bottom {
  1017. box-shadow: 1px 0px 8px black;
  1018. display: flex;
  1019. flex: 1 1 120px;
  1020. flex-direction: row;
  1021. background-color: white;
  1022. padding-top: 3rem; }
  1023. #fotter-bottom .region {
  1024. display: block;
  1025. padding-left: 1rem;
  1026. padding-right: 1rem;
  1027. padding-bottom: 1rem;
  1028. border-left: #009ee3 solid 1px; }
  1029. #fotter-bottom .region h2 {
  1030. margin-top: 0;
  1031. color: #09398b;
  1032. font-size: 1.2rem; }
  1033. #fotter-bottom .region-footer-bottom-left {
  1034. margin-left: 3rem;
  1035. border: none;
  1036. width: 25%; }
  1037. #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
  1038. display: flex;
  1039. flex-direction: row;
  1040. justify-content: flex-start;
  1041. flex-wrap: wrap;
  1042. padding-top: 1rem; }
  1043. #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
  1044. padding-right: 1rem;
  1045. padding-bottom: 1rem; }
  1046. #fotter-bottom .region-footer-bottom-left .block-views-blockpartenaires-block-3 img {
  1047. width: auto;
  1048. height: 30px; }
  1049. #fotter-bottom .region-footer-bottom-right {
  1050. width: 25%;
  1051. display: flex;
  1052. flex-direction: column-reverse;
  1053. justify-content: flex-end; }
  1054. #fotter-bottom .region-footer-bottom-right #block-socialnetwork {
  1055. margin-bottom: 1rem; }
  1056. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p {
  1057. margin-top: 0;
  1058. display: flex;
  1059. flex-direction: row-reverse;
  1060. justify-content: start; }
  1061. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p a {
  1062. color: white;
  1063. font-size: 0;
  1064. padding-left: 1rem; }
  1065. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p svg.ext {
  1066. display: none; }
  1067. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter {
  1068. display: flex; }
  1069. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter:before {
  1070. content: url("../images/pictos/twitter_black.svg");
  1071. min-width: 50px; }
  1072. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube {
  1073. display: flex; }
  1074. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube:before {
  1075. content: url("../images/pictos/youtube_black.svg");
  1076. min-width: 50px; }
  1077. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin {
  1078. display: flex; }
  1079. #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin:before {
  1080. content: url("../images/pictos/linkedin_black.svg");
  1081. min-width: 50px; }
  1082. #fotter-bottom .region-footer-bottom-right #block-pieddepage ul {
  1083. margin-top: 0;
  1084. color: #09398b;
  1085. font-weight: 800;
  1086. list-style: none;
  1087. padding-left: 0; }
  1088. #fotter-bottom .region-footer-bottom-right #block-pieddepage ul a {
  1089. color: #09398b;
  1090. font-size: 1.2rem;
  1091. text-decoration: underline;
  1092. margin-top: 0; }
  1093. #fotter-bottom .region-footer-bottom-middle {
  1094. width: 60%; }
  1095. #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content {
  1096. display: flex;
  1097. flex-direction: row;
  1098. justify-content: flex-start;
  1099. flex-wrap: wrap; }
  1100. #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
  1101. padding-right: 1rem;
  1102. padding-bottom: 1rem; }