content-all.css.less 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401
  1. @import "lib.less";
  2. body {
  3. color: #1a171b;
  4. }
  5. p {
  6. text-align: justify;
  7. margin-bottom: 17px;
  8. /*word-break: (normal | keep-all | loose | break-strict | break-all)*/
  9. /*word-break: loose;*/
  10. /*overflow-wrap: break-word;*/
  11. -webkit-hyphens: auto;
  12. -moz-hyphens: auto;
  13. -ms-hyphens: auto;
  14. -o-hyphens: auto;
  15. hyphens: auto;
  16. }
  17. .column-right p {
  18. text-align: left;
  19. }
  20. .double-spaced p, p.double-spaced {
  21. margin-bottom: 24px;
  22. font-size: 13px;
  23. line-height: 17px;
  24. }
  25. .text-intro, .text-intro p {
  26. font-family: OpenSansLight,verdana,arial,helvetica,sans-serif;
  27. font-size: 16px;
  28. font-weight: normal;
  29. line-height: 25px;
  30. }
  31. .text-intro-18, .text-intro-18 p {
  32. font-size: 18px;
  33. line-height: 25px;
  34. }
  35. ul.document-files,
  36. .column-right ul {
  37. margin-left: 15px;
  38. font-size: 8px;
  39. }
  40. ul.document-files li,
  41. .column-right ul li {
  42. font-size: 12px;
  43. }
  44. #accordion-h2-seminaire ul li {
  45. list-style: none;
  46. }
  47. .layout-64p {
  48. /* peut grandir à 100% sur tablette */
  49. width: 64%;
  50. /*border: 1px dotted red;*/
  51. }
  52. .layout-64-5p {
  53. /* peut grandir à 100% sur tablette */
  54. width: 64.5%;
  55. }
  56. .layout-72p {
  57. /* peut grandir à 100% sur tablette */
  58. width: 72%;
  59. /*border: 1px dotted black;*/
  60. }
  61. .layout-88p {
  62. /* interne, ne pas agrandir */
  63. width: 88%;
  64. /*border: 1px dotted gray;*/
  65. }
  66. .layout-90p {
  67. /* peut grandir à 100% sur tablette */
  68. width: 90%;
  69. /*border: 1px dotted gray;*/
  70. }
  71. body.panel-theme-europe,
  72. body.panel-ville-europe,
  73. body.panel-ville {
  74. #content {
  75. .page-header {
  76. margin-bottom: 0px;
  77. }
  78. .panel-header {
  79. display: none;
  80. }
  81. .views-field-view-node {
  82. font-style: italic;
  83. }
  84. .field-name-field-popsu-ville-images-illustr {
  85. /* background-color: #ccc; */
  86. text-align: center;
  87. margin-bottom: 5px;
  88. }
  89. .field-name-field-popsu-ville-images-illustr .field-item img {
  90. width: 100%;
  91. }
  92. .panel-ville-volet-bas {
  93. margin-top: 7px;
  94. }
  95. #panel-ville-logos-partenaires {
  96. .field-item {
  97. float: left;
  98. margin-right: 10px;
  99. }
  100. }
  101. .panel-ville-eur-volet h2,
  102. #panel-ville-equipe h2,
  103. #panel-ville-acteurs h2,
  104. #panel-ville-colloques h2,
  105. #panel-ville-publications h2,
  106. #panel-ville-logos-partenaires h2 {
  107. cursor: pointer;
  108. }
  109. .panel-ville-eur-volet .pane-content,
  110. #panel-ville-equipe .pane-content,
  111. #panel-ville-acteurs .pane-content,
  112. #panel-ville-colloques .pane-content,
  113. #panel-ville-publications .pane-content,
  114. #panel-ville-logos-partenaires .pane-content {
  115. display: none;
  116. }
  117. }
  118. }
  119. table.views-view-grid tbody tr td.col-first,
  120. table.views-view-grid tbody tr td.col-last {
  121. background: none;
  122. }
  123. #accordion-h2-liste-ville {
  124. }
  125. #content-inner .accordion-trigger .views-field,
  126. #content-inner .accordion-h2-layout .accordion-content .views-label,
  127. #content-inner .accordion-h2-views .view-header,
  128. #content-inner .accordion-h2-panel > h2.pane-title {
  129. background: url(../img/icons/accordion-h2-arrays-off-trans.png) no-repeat top right;
  130. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  131. color: #000;
  132. font-size: 23px;
  133. line-height: 19px;
  134. cursor: pointer;
  135. border-top: 1px solid #000;
  136. padding: 9px 0 4px 2px;
  137. }
  138. .accordion-h2-panel {
  139. margin-bottom: 5px;
  140. }
  141. .border-last {
  142. display: block;
  143. height: 1px;
  144. border-top: 1px solid #000;
  145. }
  146. #content-inner .pane-popsu-special-accueil-pps1 .accordion-trigger .views-field,
  147. #content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-layout .accordion-content .views-label,
  148. #content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-views .view-header,
  149. #content-inner .pane-popsu-special-accueil-pps1 .accordion-h2-panel > h2.pane-title {
  150. padding: 0;
  151. background: url(../img/icons/accordion-h2-arrays-off-trans.png) no-repeat top right;
  152. font-size: 25px;
  153. line-height: 38px;
  154. }
  155. #content-inner .accordion-h2-layout .accordion-content .views-label,
  156. #content-inner .popsu-74-26-stacked .accordion-h2-layout .accordion-content .views-label {
  157. display: block;
  158. background: none;
  159. cursor: text;
  160. }
  161. #accordion-h2-partenaires,
  162. #accordion-h2-popsueurope-home,
  163. #accordion-h2-liste-themes-trans {
  164. border-bottom: 1px solid #000;
  165. margin-bottom: 22px;
  166. }
  167. #accordion-h2-partenaires,
  168. #accordion-h2-projetseurope,
  169. #accordion-h2-popsueurope-home {
  170. padding-bottom: 5px;
  171. }
  172. #content-inner .accordion-trigger.accordion-h2-opened .views-field,
  173. #content-inner .accordion-h2-views.accordion-h2-opened .view-header,
  174. #content-inner .accordion-h2-panel.accordion-h2-opened > h2.pane-title {
  175. /* background: url(../img/icons/accordion-h2-arrays-trans.png) no-repeat top right; */
  176. background: url(../img/icons/accordion-h2-arrays-on-trans.png) no-repeat top right;
  177. /*background-position: top right;*/
  178. }
  179. .accordion-content,
  180. .accordion-h2-views .view-content,
  181. .accordion-h2-panel > .pane-content {
  182. display: none;
  183. }
  184. /* [!nid],48 [!nid],49 */
  185. .accordion-h2-layout .inside {
  186. margin: 0;
  187. padding: 0;
  188. }
  189. .accordion-h2-layout .panels-flexible-column-last .inside {
  190. padding-left: 5px;
  191. }
  192. /*body.node-type-popsu-ville*/
  193. .panel-flexible .panel-separator,
  194. .panel-2col-stacked .panel-separator {
  195. margin: 0;
  196. padding: 0;
  197. height: 0;
  198. clear: both;
  199. }
  200. .listing-thumb ul,
  201. .listing-thumb ul li {
  202. list-style: none;
  203. list-style-type: none;
  204. margin: 0;
  205. padding: 0;
  206. }
  207. #content-inner .listing-thumb ul li.span2 {
  208. /*margin-right: 3px;*/
  209. width: 101px;
  210. margin: 0 13px 14px 0;
  211. }
  212. #content-inner .listing-thumb.listing-themes,
  213. #content-inner .listing-thumb.listing-projets {
  214. margin-bottom: 20px;
  215. }
  216. #content-inner .listing-thumb .views-field-title a {
  217. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  218. letter-spacing: 0.05em;
  219. font-size: 17px;
  220. line-height: 15px;
  221. color: @bleu_popsu1;
  222. display: block;
  223. padding: 7px 0 7px 0;
  224. /*word-break: break-all;*/
  225. /*word-break: loose;*/
  226. /*overflow-wrap: break-word;*/
  227. }
  228. body.context-popsu-europe #content-inner .listing-thumb .views-field-title a {
  229. color: @gris_popsueurope;
  230. }
  231. #content-inner .listing-thumb.listing-projets .views-field-title a {
  232. padding: 7px 0 0px 0;
  233. height: 43px;
  234. overflow: hidden;
  235. -webkit-hyphens: auto;
  236. -moz-hyphens: auto;
  237. -ms-hyphens: auto;
  238. -o-hyphens: auto;
  239. hyphens: auto;
  240. }
  241. #content-inner .listing-thumb.listing-themes .views-field-title a {
  242. padding: 7px 0 0px 0;
  243. height: 43px;
  244. overflow: hidden;
  245. -webkit-hyphens: auto;
  246. -moz-hyphens: auto;
  247. -ms-hyphens: auto;
  248. -o-hyphens: auto;
  249. hyphens: auto;
  250. }
  251. #content-inner .listing-thumb li:hover .views-field-title a {
  252. text-decoration: none;
  253. }
  254. #content-inner .listing-thumb li img {
  255. opacity: 0.9;
  256. -moz-opacity: 0.9;
  257. }
  258. #content-inner .listing-thumb li a.image-placeover {
  259. width: 101px;
  260. height: 87px;
  261. background-color: #ccc;
  262. display: block;
  263. }
  264. #content-inner .listing-thumb li:hover img {
  265. opacity: 1;
  266. -moz-opacity: 1;
  267. }
  268. .listing-villes {
  269. }
  270. .listing-grille table {
  271. background: none;
  272. th, td {
  273. background: none;
  274. border: none;
  275. font-size: 14px;
  276. vertical-align: top;
  277. .listing-projet-ville {
  278. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  279. letter-spacing: 0.05em;
  280. font-size: 15px;
  281. line-height: 29px;
  282. color: #ccc;
  283. }
  284. }
  285. }
  286. body.sidebar-double.context-popsu-2 #block-menu_block-4,
  287. body.sidebar-double.context-popsu-1 #block-menu_block-3 {
  288. display: none;
  289. }
  290. #content-inner .popsu-74-26-stacked {
  291. .pane-node-field-popsu-special-body {
  292. margin-top: 5px;
  293. /*width: 64%;*/
  294. /*
  295. h2 {
  296. line-height: 18px;
  297. }*/
  298. }
  299. .panels-flexible-column-first {
  300. .field-type-image {
  301. /*margin-left: -26px;*/
  302. margin-left: -20px;
  303. }
  304. .field-type-text-with-summary {
  305. padding-top: 5px;
  306. text-align: justify;
  307. }
  308. .field-type-text {
  309. padding-top: 5px;
  310. text-align: justify;
  311. p {
  312. margin-bottom: 16px;
  313. text-align: justify;
  314. }
  315. h2 {
  316. font-size: 18px;
  317. }
  318. }
  319. }
  320. }
  321. #content-inner #pane-publication {
  322. .accordion-content {
  323. padding-top: 5px;
  324. text-align: justify;
  325. }
  326. .panels-flexible-row-accordion-h2-layout-3-inside,
  327. .panels-flexible-row-accordion-h2-layout-4-inside {
  328. .panels-flexible-region-accordion-h2-layout-left-inside {
  329. width: 99%;
  330. /*border: 1px solid green;*/
  331. }
  332. }
  333. .views-field-field-popsu-doc-files {
  334. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  335. letter-spacing: 0.075em;
  336. font-size: 13px;
  337. line-height: 16px;
  338. }
  339. h2.pane-title {
  340. padding-bottom: 12px;
  341. }
  342. }
  343. #content-inner #pane-publication.pane-publication-popsu .accordion-h2-layout .accordion-trigger {
  344. .views-field.views-field-field-popsu-publication-soustitr {
  345. border: none;
  346. background: none;
  347. .field-content {
  348. font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
  349. font-size: 12px;
  350. line-height: 18px;
  351. border: none;
  352. background: none;
  353. }
  354. }
  355. }
  356. .pane-publication-sans-ville .accordion-content {
  357. display: block;
  358. margin-bottom: 20px;
  359. p {
  360. margin: 10px 0 0 0;
  361. }
  362. }
  363. .pane-publication-sans-ville .accordion-trigger,
  364. .pane-publication-sans-ville .panels-flexible-row-accordion-h2-layout-3 {
  365. display: none;
  366. }
  367. #content-inner .page-header {
  368. padding-bottom: 0;
  369. border-bottom: none;
  370. }
  371. .popsu-74-26-stacked {
  372. .panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first,
  373. .panels-flexible-column-accordion-h2-layout-2.panels-flexible-column-first,
  374. .panels-flexible-column-popsu-74-26-stacked-4.panels-flexible-column-first {
  375. width: 74%;
  376. }
  377. .panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-last,
  378. .panels-flexible-column-accordion-h2-layout-2.panels-flexible-column-last,
  379. .panels-flexible-column-popsu-74-26-stacked-5.panels-flexible-column-last {
  380. width: 26%;
  381. margin-right: -10px;
  382. }
  383. }
  384. /*
  385. #accordion-h2-chronologie .field-item,
  386. #accordion-h2-programme .field-item,
  387. #accordion-h2-acteurs .field-item,
  388. #accordion-h2-documents .field-item,
  389. .panels-flexible-column-last .field-name-field-popsu-ville-partenairesimg,
  390. .panels-flexible-column-last .field-name-field-popsu-ville-coordinateur,
  391. .panels-flexible-column-last .field-name-field-popsu-ville-equipe {
  392. padding: 15px 0 0 0;
  393. }
  394. */
  395. .column-right .accordion-h2 .field-item,
  396. .column-right .accordion-h2-ex .field-item {
  397. padding: 5px 0 0 0;
  398. }
  399. .document-files,
  400. ul.document-files {
  401. margin-top: 10px;
  402. margin-bottom: 10px;
  403. padding: 0;
  404. /*list-style: none;
  405. list-style-type: none;
  406. */
  407. li {
  408. color: #1a171a;
  409. /*margin-bottom: 3px;*/
  410. }
  411. a {
  412. color: #1a171a;
  413. }
  414. }
  415. .column-right .accordion-h2.pseudo-list {
  416. color: #1a171a;
  417. margin: 5px 0 5px 2px;
  418. padding: 0;
  419. .field-item {
  420. color: #1a171a;
  421. margin-bottom: 2px;
  422. padding-left: 3px;
  423. a {
  424. color: #1a171a;
  425. }
  426. }
  427. }
  428. body.path-popsu-europe-accueil,
  429. body.path-popsu1-accueil,
  430. body.path-popsu2-accueil {
  431. #content-wrapper {
  432. h1#page-title {
  433. display: none;
  434. }
  435. #content-inner {
  436. /*padding: 0 55px 0 0;*/
  437. padding: 0;
  438. .pane-popsu-special-accueil-pps1 {
  439. .panel-separator {
  440. margin-bottom: 0px;
  441. }
  442. .pane-themes-trans-panel-pane-1 {
  443. padding-bottom: 0px;
  444. }
  445. /*
  446. .field-name-field-popsu-special-body,
  447. .field-name-field-popsu-special-body p {
  448. font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
  449. font-size: 16px;
  450. line-height: 25px;
  451. font-weight: normal;
  452. }*/
  453. /*
  454. .field-name-field-popsu-special-text,
  455. .field-name-field-popsu-special-text p {
  456. font-size: 13px;
  457. line-height: 17px;
  458. }
  459. */
  460. }
  461. }
  462. }
  463. }
  464. .page-title-secondary {
  465. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  466. color: @bleu_popsu1;
  467. /*letter-spacing: 0.075em;*/
  468. font-size: 56px;
  469. /*line-height: 12px;*/
  470. line-height: 49px;
  471. /*margin-bottom: 30px;*/
  472. margin-top: -22px;
  473. z-index: 2;
  474. position: relative;
  475. }
  476. body.context-popsu-2 .page-title-secondary {
  477. color: @vert_popsu2;
  478. }
  479. body.context-popsu-europe .page-title-secondary {
  480. color: @gris_popsueurope;
  481. }
  482. body.node-type-popsu-theme-trans #content-inner h1#page-title {
  483. font-size: 28px;
  484. line-height: 22px;
  485. }
  486. .image-decallee img.adaptive-image {
  487. margin-bottom: 15px;
  488. }
  489. #accordion-h2-chronologie .texte-10-orange {
  490. font-weight: bold;
  491. }
  492. #content-inner .field-name-field-popsu-special-body h2 {
  493. line-height: 19px;
  494. padding-bottom: 5px;
  495. }
  496. .pane-publication-sans-ville h3 {
  497. text-align: left;
  498. }
  499. body.front {
  500. #main-wrapper #content-wrapper.span {
  501. width: 100%;
  502. /*margin-top: 155px;*/
  503. margin-top: 27px;
  504. }
  505. #page {
  506. padding-bottom: 40px;
  507. }
  508. .home-logos-popsu {
  509. ul.logos {
  510. display: block;
  511. height: 86px;
  512. width: 150px;
  513. /*text-indent: -999px;*/
  514. overflow: hidden;
  515. margin-bottom: 10px;
  516. float:left;
  517. margin-left: 15px;
  518. /*margin-right: 35px;*/
  519. margin-right: 15px;
  520. cursor: pointer;
  521. padding-top: 5px;
  522. li {
  523. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  524. font-size: 14px;
  525. line-height: 18px;
  526. letter-spacing: 0.075em;
  527. margin: 0px 0 0 0;
  528. padding: 0 0 0 3px;
  529. a {
  530. color: #000;
  531. text-decoration: none;
  532. }
  533. }
  534. li.last {
  535. border-bottom: 3px solid #000000;
  536. padding-bottom: 3px;
  537. }
  538. }
  539. #logo-home-popsu1 ul.logos {
  540. background: url(../img/logos/popsu1/logo-small-home-trans.png) no-repeat top center;
  541. }
  542. #logo-home-popsu2 ul.logos {
  543. background: url(../img/logos/popsu2/logo-small-home-trans.png) no-repeat top center;
  544. }
  545. #logo-home-popsueurope ul.logos {
  546. background: url(../img/logos/popsueurope/logo-small-home-trans.png) no-repeat top center;
  547. margin-right: 0;
  548. }
  549. ul.logos li {
  550. display: none;
  551. }
  552. #logo-home-popsu1 ul.logos:hover,
  553. #logo-home-popsu2 ul.logos:hover,
  554. #logo-home-popsueurope ul.logos:hover {
  555. background: none;
  556. }
  557. ul.logos:hover li {
  558. display: block;
  559. }
  560. }
  561. #logos-partenaires-home {
  562. display: block;
  563. width: 115px;
  564. height: 450px;
  565. text-indent: -999px;
  566. overflow: hidden;
  567. margin-top: 5px;
  568. background: url(../img/logos/rect1729.png) no-repeat top center;
  569. background-size: contain;
  570. padding-top: 77px;
  571. }
  572. #logos-partenaires-home #ministere-eco {
  573. // float: left;
  574. display: block;
  575. width: 115px;
  576. height: 73px;
  577. text-indent: -999px;
  578. overflow: hidden;
  579. margin: 0;
  580. padding: 0;
  581. background: url(../img/logos/rect1926.png) no-repeat top center;
  582. background-size: contain;
  583. }
  584. #logos-partenaires-home #ministere-territoires {
  585. display: block;
  586. width: 115px;
  587. height: 60px;
  588. text-indent: -999px;
  589. overflow: hidden;
  590. margin: 0;
  591. padding: 0;
  592. background: url(../img/logos/rect1928.png) no-repeat top center;
  593. background-size: contain;
  594. }
  595. #logos-partenaires-home #ministere-culture {
  596. display: block;
  597. width: 115px;
  598. height: 65px;
  599. text-indent: -999px;
  600. overflow: hidden;
  601. margin: 0;
  602. padding: 0;
  603. background-image: url(../img/logos/rect1930.png);
  604. background-size: contain;
  605. background-repeat: no-repeat;
  606. background-position: top;
  607. }
  608. #logos-partenaires-home #ministere-puca {
  609. display: block;
  610. width: 115px;
  611. height: 68px;
  612. text-indent: -999px;
  613. overflow: hidden;
  614. margin: 0;
  615. padding: 0;
  616. background: url(../img/logos/logos-partenaires_04.png) no-repeat top center;
  617. background-size: contain;
  618. }
  619. // #logos-partenaires-home #ministere-aigp {
  620. // display: block;
  621. // width: 115px;
  622. // height: 59px;
  623. // text-indent: -999px;
  624. // overflow: hidden;
  625. // margin: 0;
  626. // padding: 0;
  627. // background: url(../img/logos/logos-partenaires_05.png) no-repeat top center;
  628. // background-size: contain;
  629. // }
  630. .col-logo {
  631. margin-top: 20px;
  632. margin-left: 50px;
  633. }
  634. .col-intro {
  635. width: 560px;
  636. margin: -18px 0 0 134px;
  637. background-color: #fff;
  638. .panels-flexible-region-inside {
  639. padding: 10px 15px;
  640. }
  641. p, li {
  642. font-size: 15px;
  643. line-height: 22px;
  644. font-family: OpenSansLight,verdana,arial,helvetica,sans-serif;
  645. text-align: justify;
  646. -webkit-hyphens: none;
  647. -moz-hyphens: none;
  648. -ms-hyphens: none;
  649. -o-hyphens: none;
  650. hyphens: none;
  651. }
  652. li {
  653. padding-right: 25px;
  654. margin-bottom: 7px;
  655. }
  656. }
  657. .col-center {
  658. height: 730px;
  659. }
  660. #content-inner .col-bottom {
  661. width: 560px;
  662. margin: 0 0 0 134px;
  663. background-color: #fff;
  664. .panels-flexible-region-inside {
  665. padding: 10px 20px 10px 20px;
  666. }
  667. .questcequepopsu {
  668. h2.pane-title {
  669. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  670. font-size: 56px;
  671. line-height: 43px;
  672. font-weight: normal;
  673. color: #000;
  674. padding-top: 14px;
  675. padding-bottom: 15px;
  676. }
  677. .field-item h2 {
  678. font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
  679. }
  680. p a {
  681. color: #1A171B;
  682. }
  683. }
  684. }
  685. }
  686. /* span.field-content.btn-admin-edit, */
  687. .admin-add-item,
  688. .views-field-publishcontent,
  689. .views-field-edit-node {
  690. margin-bottom: 30px;
  691. padding: 0;
  692. .field-content a,
  693. a {
  694. background: #008800 url("../img/icons/gear.png") no-repeat scroll 2px 0;
  695. border: 1px solid #ccc;
  696. display: block;
  697. cursor: pointer;
  698. color: #fff;
  699. /*font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;*/
  700. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  701. font-size: 12px;
  702. line-height: 14px;
  703. /*letter-spacing: 0.05em;*/
  704. font-weight: bold;
  705. text-transform: uppercase;
  706. padding: 2px 4px 2px 20px;
  707. }
  708. }
  709. .views-field-publishcontent {
  710. margin-bottom: 2px;
  711. .field-content a,
  712. a {
  713. background: #FF0A0A url("../img/icons/gear.png") no-repeat scroll 2px 0;
  714. }
  715. }
  716. .admin-add-item {
  717. a {
  718. background: #FCBA20 url("../img/icons/gear.png") no-repeat scroll 2px 0;
  719. }
  720. a + a {
  721. margin-top: -6px;
  722. }
  723. }
  724. .admin-add-item-margin a + a {
  725. margin-bottom: 15px;
  726. }
  727. .admin-add-item-panel {
  728. margin-bottom: -5px;
  729. margin-top: 10px;
  730. }
  731. body.logged-in .menu-user-login {
  732. display: none;
  733. }
  734. body.logged-in #content-tabs ul.tabs.primary {
  735. margin-bottom: 0;
  736. }
  737. #content-inner .bloc-actu-home {
  738. float: right;
  739. width: 221px;
  740. background: url("../img/pixels/actu_background-trans.png");
  741. color: #fff;
  742. margin-right: 33px;
  743. margin-top: 50px;
  744. a {
  745. color: #fff;
  746. }
  747. h2.pane-title {
  748. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  749. font-size: 22px;
  750. padding: 6px 8px 9px 8px;
  751. }
  752. .views-field-title {
  753. font-size: 18px;
  754. line-height: 16px;
  755. padding: 10px 10px 0 10px;
  756. font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
  757. }
  758. .views-field-field-popsu-actu-date {
  759. font-size: 18px;
  760. line-height: 19px;
  761. padding: 2px 10px 0 10px;
  762. }
  763. .views-field-field-popsu-actu-body {
  764. font-size: 13px;
  765. line-height: 18px;
  766. padding: 0px 10px 10px 10px;
  767. }
  768. .views-field-field-popsu-actu-body a {
  769. text-decoration: none;
  770. }
  771. .views-field-view-node {
  772. background: #000;
  773. text-transform: uppercase;
  774. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  775. font-size: 13px;
  776. letter-spacing: 0.075em;
  777. display: block;
  778. float: right;
  779. margin-right: -7px;
  780. padding: 0px 5px;
  781. margin-bottom: 8px;
  782. }
  783. }
  784. #accordion-h2-seminaire {
  785. .views-field-title {
  786. font-weight: bold;
  787. }
  788. .views-field-field-popsu-doc-body {
  789. margin-left: -15px;
  790. p {
  791. margin-bottom: 0;
  792. }
  793. }
  794. .views-field-field-popsu-doc-files {
  795. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  796. font-size: 13px;
  797. letter-spacing: 0.075em;
  798. line-height: 16px;
  799. margin-left: -15px;
  800. margin-bottom: 15px;
  801. margin-top: 2px;
  802. }
  803. }
  804. #accordion-h2-publication-europe {
  805. font-size: 12px;
  806. line-height: 16px;
  807. h3, p {
  808. font-size: 12px;
  809. line-height: 16px;
  810. }
  811. p {
  812. margin-bottom: 2px;
  813. }
  814. .views-field-field-popsu-publication-cover {
  815. margin: 5px 0 3px 0;
  816. }
  817. .views-field-field-popsu-doc-files {
  818. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  819. font-size: 13px;
  820. }
  821. }
  822. #accordion-h2-projetseurope ul {
  823. list-style: none;
  824. margin: 10px 0 10px 0;
  825. a {
  826. color: #000;
  827. }
  828. }
  829. .popsu-europe-liste-projets .listing-projets {
  830. padding-bottom: 200px;
  831. padding-top: 20px;
  832. .views-row {
  833. width: 102px;
  834. float: left;
  835. margin-right: 25px;
  836. .views-field-field-popsu-themeur-thumb {
  837. margin-bottom: 10px;
  838. }
  839. a {
  840. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  841. font-size: 17px;
  842. color: @gris_popsueurope;
  843. }
  844. }
  845. }
  846. .field-name-field-popsu-projeteur-theme {
  847. clear: both;
  848. }
  849. .map-home {
  850. .point-carte {
  851. float: left;
  852. .placement-carte {
  853. position: absolute;
  854. z-index: 1;
  855. }
  856. .map-title {
  857. /*position: relative;
  858. z-index: 2;*/
  859. cursor: pointer;
  860. height: 24px;
  861. padding-bottom: 25px;
  862. font-family: OpenSansSemiBold,verdana,arial,helvetica,sans-serif;
  863. text-transform: uppercase;
  864. font-size: 12px;
  865. background-position: center bottom;
  866. background-repeat: no-repeat;
  867. }
  868. .POPSU1 .map-title {
  869. background-image: url("../img/carte/points/points_carte_1.png");
  870. }
  871. .POPSU2 .map-title {
  872. background-image: url("../img/carte/points/points_carte_2.png");
  873. }
  874. .POPSU.Europe .map-title {
  875. background-image: url("../img/carte/points/points_carte_3.png");
  876. }
  877. .POPSU1.POPSU2 .map-title {
  878. background-image: url("../img/carte/points/points_carte_1-2.png");
  879. }
  880. .POPSU1.POPSU.Europe .map-title {
  881. background-image: url("../img/carte/points/points_carte_1-3.png");
  882. }
  883. .POPSU2.POPSU.Europe .map-title {
  884. background-image: url("../img/carte/points/points_carte_2-3.png");
  885. }
  886. .POPSU1.POPSU2.POPSU.Europe .map-title {
  887. background-image: url("../img/carte/points/points_carte_1-2-3.png");
  888. }
  889. /* AMSTERDAM */
  890. #point-nid-870.placement-carte {
  891. margin-top: 197px;
  892. margin-left: 351px;
  893. .map-title {
  894. background-position: top left;
  895. padding-bottom: 0;
  896. padding-left: 25px;
  897. padding-top: 1px;
  898. }
  899. }
  900. /* BARCELONE */
  901. #point-nid-871.placement-carte {
  902. margin-left: 135px;
  903. margin-top: 641px;
  904. }
  905. /* BERLIN */
  906. #point-nid-872.placement-carte {
  907. margin-left: 576px; /* 430 */
  908. margin-top: 226px; /* 415 */
  909. }
  910. /* BIRMINGHAM */
  911. #point-nid-873.placement-carte {
  912. margin-left: 130px; /* */
  913. margin-top: 120px; /* */
  914. }
  915. /* BORDEAUX */
  916. #point-nid-869.placement-carte {
  917. margin-left: 86px; /* -55 */
  918. margin-top: 472px; /* -172 */
  919. }
  920. /* BRUXELLES */
  921. #point-nid-874.placement-carte {
  922. margin-top: 255px;
  923. margin-left: 325px;
  924. .map-title {
  925. background-position: top left;
  926. padding-bottom: 0;
  927. padding-left: 25px;
  928. padding-top: 1px;
  929. }
  930. }
  931. /* Copenhague */
  932. #point-nid-875.placement-carte {
  933. margin-left: 541px; /* 413 */
  934. margin-top: 92px; /* 64 */
  935. .map-title {
  936. background-position: top center;
  937. padding-bottom: 0;
  938. padding-top: 16px
  939. }
  940. }
  941. /* Dordrecht */
  942. #point-nid-961.placement-carte {
  943. margin-left: 340px;
  944. margin-top: 230px;
  945. .map-title {
  946. background-position: top left;
  947. padding-bottom: 0;
  948. padding-left: 25px;
  949. padding-top: 1px;
  950. }
  951. }
  952. /* Dunkerque */
  953. #point-nid-962.placement-carte {
  954. margin-top: 240px;
  955. margin-left: 240px;
  956. .map-title {
  957. background-position: top left;
  958. padding-bottom: 0;
  959. padding-left: 25px;
  960. padding-top: 1px;
  961. }
  962. }
  963. /* Grenoble */
  964. #point-nid-876.placement-carte {
  965. margin-left: 274px; /* -55 */
  966. margin-top: 526px; /* -172 */
  967. .map-title {
  968. background-position: top center;
  969. padding-bottom: 0;
  970. padding-top: 16px
  971. }
  972. }
  973. /* Hamburg */
  974. #point-nid-963.placement-carte {
  975. margin-top: 160px;
  976. margin-left: 480px; /* -172 */
  977. }
  978. /* Lausanne */
  979. #point-nid-877.placement-carte {
  980. margin-left: 313px; /* -55 */
  981. margin-top: 431px; /* -172 */
  982. }
  983. /* LILLE */
  984. #point-nid-878.placement-carte {
  985. margin-left: 264px;
  986. margin-top: 265px;
  987. .map-title {
  988. background-position: top left;
  989. padding-bottom: 0;
  990. padding-left: 28px;
  991. padding-top: 7px;
  992. }
  993. }
  994. /* Londres */
  995. #point-nid-879.placement-carte {
  996. margin-left: 182px; /* */
  997. margin-top: 180px; /* */
  998. }
  999. /* Lyon */
  1000. #point-nid-880.placement-carte {
  1001. margin-left: 275px; /* -55 */
  1002. margin-top: 454px; /* -172 */
  1003. }
  1004. /* Malaga */
  1005. #point-nid-881.placement-carte {
  1006. margin-left: -130px; /* -55 */
  1007. margin-top: 785px; /* -172 */
  1008. }
  1009. /* Marseille */
  1010. #point-nid-882.placement-carte {
  1011. margin-left: 280px; /* -55 */
  1012. margin-top: 597px; /* -172 */
  1013. .map-title {
  1014. background-position: top left;
  1015. padding-bottom: 10px;
  1016. padding-left: 28px;
  1017. padding-top: 1px;
  1018. }
  1019. }
  1020. /* Mayence */
  1021. #point-nid-964.placement-carte {
  1022. margin-left: 370px;
  1023. margin-top: 290px;
  1024. }
  1025. /* Montpellier */
  1026. #point-nid-883.placement-carte {
  1027. margin-left: 232px; /* 117 */
  1028. margin-top: 580px; /* 94 */
  1029. .map-title {
  1030. background-position: top left;
  1031. padding-bottom: 10px;
  1032. padding-left: 28px;
  1033. padding-top: 1px;
  1034. }
  1035. }
  1036. /* Montréal */
  1037. #point-nid-884.placement-carte {
  1038. margin-left: 3px;
  1039. margin-top: 239px;
  1040. .map-title {
  1041. background-image: url("../img/carte/points/points_carte_arrow-left.png");
  1042. /*background-position: top left;
  1043. padding-bottom: 0;
  1044. padding-left: 25px;
  1045. padding-top: 1px;*/
  1046. padding-bottom: 28px;
  1047. }
  1048. }
  1049. /* Nantes */
  1050. #point-nid-868.placement-carte {
  1051. margin-left: 100px;
  1052. margin-top: 356px;
  1053. }
  1054. /* Nime */
  1055. #point-nid-965.placement-carte {
  1056. margin-left: 255px; /* 117 */
  1057. margin-top: 562px; /* 94 */
  1058. .map-title {
  1059. background-position: top left;
  1060. padding-bottom: 10px;
  1061. padding-left: 20px;
  1062. padding-top: 1px;
  1063. }
  1064. }
  1065. /* Paris */
  1066. #point-nid-885.placement-carte {
  1067. margin-left: 230px;
  1068. margin-top: 314px;
  1069. }
  1070. /* Rennes */
  1071. #point-nid-886.placement-carte {
  1072. margin-left: 102px;
  1073. margin-top: 320px;
  1074. }
  1075. /* Rome */
  1076. #point-nid-1030.placement-carte {
  1077. margin-left: 500px;
  1078. margin-top: 680px;
  1079. }
  1080. /* Rotterdam */
  1081. #point-nid-887.placement-carte {
  1082. margin-left: 330px;
  1083. margin-top: 213px;
  1084. .map-title {
  1085. background-position: top left;
  1086. padding-bottom: 0;
  1087. padding-left: 25px;
  1088. padding-top: 1px;
  1089. }
  1090. }
  1091. /* Strasbourg */
  1092. #point-nid-888.placement-carte {
  1093. margin-left: 335px;
  1094. margin-top: 331px;
  1095. }
  1096. /* Stuttgrat */
  1097. #point-nid-1031.placement-carte {
  1098. margin-left: 405px;
  1099. margin-top: 361px;
  1100. .map-title {
  1101. background-position: top center;
  1102. padding-bottom: 0;
  1103. padding-top: 16px
  1104. }
  1105. }
  1106. /* Toulon */
  1107. #point-nid-889.placement-carte {
  1108. margin-left: 300px;
  1109. margin-top: 620px;
  1110. .map-title {
  1111. background-position: top left;
  1112. padding-bottom: 10px;
  1113. padding-left: 20px;
  1114. padding-top: 1px;
  1115. }
  1116. }
  1117. /* Toulouse */
  1118. #point-nid-890.placement-carte {
  1119. margin-left: 139px;
  1120. margin-top: 531px;
  1121. }
  1122. /* Turin */
  1123. #point-nid-891.placement-carte {
  1124. margin-left: 343px;
  1125. margin-top: 501px;
  1126. }
  1127. /* Vienne */
  1128. #point-nid-892.placement-carte {
  1129. margin-left: 607px;
  1130. margin-top: 383px;
  1131. }
  1132. }
  1133. }
  1134. .popover.popover-bottom .wrap .content {
  1135. margin-top: -15px;
  1136. background: #000;
  1137. padding: 2px 4px;
  1138. ul {
  1139. margin: 0;
  1140. padding: 0;
  1141. li {
  1142. list-style: none;
  1143. list-style-type: none;
  1144. margin: 0;
  1145. padding: 0;
  1146. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  1147. font-size: 13px;
  1148. letter-spacing: 0.075em;
  1149. }
  1150. li.popsu1 a {
  1151. color: @bleu_popsu1;
  1152. }
  1153. li.popsu2 a {
  1154. color: @vert_popsu2;
  1155. }
  1156. li.popsueurope a {
  1157. color: @gris_popsueurope;
  1158. }
  1159. }
  1160. }
  1161. body.popsu-listing-actu.popsu-search #content-inner {
  1162. margin-right: 110px;
  1163. h1#page-title {
  1164. display: block;
  1165. }
  1166. }