content-all.css.less 29 KB

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