layout.css.less 23 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343
  1. @import "lib.less";
  2. #block-boxes-popsu_google_analytics {
  3. display: none;
  4. }
  5. /* Links with OUTLINE patch */
  6. a:link, a:visited, a:hover, a:active {
  7. outline: none;
  8. }
  9. body.front {
  10. background: url(../img/body-background.png);
  11. }
  12. #global-wrapper {
  13. background: url(../img/body-pattern-wide-trans.png) no-repeat top center;
  14. }
  15. body.front #global-wrapper {
  16. background: url(../img/carte/fond_carte_agrandi_02.png) no-repeat top center;
  17. }
  18. body.front #global-wrapper-secondary {
  19. background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -145px;
  20. }
  21. /* NE PAS EFFACER */
  22. /* déplacé dans les vues projets et themes (footer)
  23. #main-wrapper #block-menu_block-1 .menu-name-menu-popsu1-menu > ul.menu {
  24. background: url(/sites/default/themes/popsu/img/icons/voir-egalement-trans.png) no-repeat bottom right;
  25. padding-bottom: 15px;
  26. margin-bottom: 0;
  27. }
  28. /* !NE PAS EFFACER */
  29. #page {
  30. padding-bottom: 60px;
  31. }
  32. h1 {
  33. color: #999;
  34. text-transform: uppercase;
  35. line-height: 1em;
  36. }
  37. #content-inner .pseudo-h1-page-title,
  38. #content-inner .pseudo-h1-page-title p,
  39. #content-inner h1#page-title p,
  40. #content-inner h1#page-title {
  41. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  42. font-size: 56px;
  43. line-height: 43px;
  44. font-weight: normal;
  45. color: @bleu_popsu1;
  46. padding-top: 4px;
  47. }
  48. #content-inner .pseudo-h1-page-title p span {
  49. line-height: 36px;
  50. }
  51. #content-inner .pseudo-h1-page-title,
  52. #content-inner h1#page-title p {
  53. margin-bottom: 0;
  54. }
  55. body.context-popsu-europe #content-inner .pseudo-h1-page-title,
  56. body.context-popsu-europe #content-inner .pseudo-h1-page-title p,
  57. body.context-popsu-europe #content-inner h1#page-title p,
  58. body.context-popsu-europe #content-inner h1#page-title {
  59. color: @gris_popsueurope;
  60. }
  61. body.context-popsu-2 #content-inner h1#page-title {
  62. color: @vert_popsu2;
  63. }
  64. h2 {
  65. line-height: 1.3em;
  66. }
  67. h6 {
  68. color: #000;
  69. font-size: 12px;
  70. text-transform: none;
  71. }
  72. #content-inner .field-type-text-long h1 {
  73. font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif;
  74. font-size: 36px;
  75. font-weight: normal;
  76. line-height: 40px;
  77. // padding-top: 4px;
  78. color: @bleu_popsu1;
  79. }
  80. body.context-popsu-europe #content-inner .field-type-text-long h1 {
  81. color: @gris_popsueurope;
  82. }
  83. body.context-popsu-2 #content-inner .field-type-text-long h1 {
  84. color: @vert_popsu2;
  85. }
  86. #content-inner h2 {
  87. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  88. font-size: 20px;
  89. text-transform: uppercase;
  90. line-height: 27px;
  91. font-weight: normal;
  92. }
  93. #content-inner h3 {
  94. font-size: 13px;
  95. line-height: 17px;
  96. font-family: OpenSansExtraBold, verdana,arial,helvetica,sans-serif;
  97. font-weight: normal;
  98. margin: 0;
  99. }
  100. kbd {
  101. background-color: #f5f5f5;
  102. border: 1px solid #dedede;
  103. padding: 0px 3px 2px;
  104. }
  105. footer {
  106. margin-top: 3em;
  107. text-align: right;
  108. }
  109. /*base-documentaire*/
  110. body.page-user #main-wrapper {
  111. background: #fff;
  112. min-height: 450px;
  113. margin-top: 70px;
  114. margin-bottom: 30px;
  115. }
  116. body.page-user #page {
  117. min-height: 600px;
  118. }
  119. #header-wrapper {
  120. margin-bottom: 0;
  121. padding-bottom: 0;
  122. }
  123. #content-wrapper {
  124. /*background-color: #fff;*/
  125. #content-inner {
  126. /*background-color:#ff0000;*/
  127. padding: 0 0px 0 0;
  128. /*margin-right: -15px;*/
  129. margin-right: -23px;
  130. }
  131. }
  132. #footer-wrapper {
  133. background: transparent url(../img/pixels/footer-background_gray-dark-trans.png);
  134. #footer {
  135. background: none;
  136. color: #fff;
  137. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  138. font-size: 13px;
  139. line-height: 14px;
  140. letter-spacing: 0.075em;
  141. font-weight: normal;
  142. li,
  143. .block-inner .content ul li a {
  144. font-weight: normal;
  145. color: #fff;
  146. line-height: 14px;
  147. }
  148. /*#footer-accueil,
  149. #footer-popsu {
  150. font-size: 14px;
  151. }
  152. #footer-recherche {
  153. font-size: 17px;
  154. float: right;
  155. display: block;
  156. }*/
  157. li.last {
  158. float: right;
  159. display: block;
  160. }
  161. }
  162. }
  163. .navbar-inner, #footer-wrapper #footer {
  164. min-height: 30px;
  165. }
  166. #sidebar-first {
  167. .region-sidebar-first {
  168. /* A REPORTER */
  169. /*padding: 0px 15px 10px 15px;*/
  170. margin: 0 5px 0 15px;
  171. background: url(../img/pixels/sidebar-default-trans.png);
  172. }
  173. .left-nav-level-1 {
  174. padding: 27px 15px 10px 15px;
  175. ul.menu {
  176. li {
  177. margin-bottom: 11px;
  178. .nolink,
  179. a {
  180. color: @bleu_popsu1;
  181. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  182. font-size: 38px;
  183. line-height: 30px;
  184. font-weight: normal;
  185. margin-bottom: 5px;
  186. display: block;
  187. }
  188. }
  189. }
  190. }
  191. }
  192. #sidebar-first {
  193. .left-nav-level-1 {
  194. ul.menu {
  195. li {
  196. a:hover {
  197. color: #fff;
  198. background: none;
  199. text-decoration: underline;
  200. }
  201. ul {
  202. margin-bottom: 22px;
  203. li {
  204. margin-bottom: 0px;
  205. .nolink,
  206. a {
  207. color: #fff;
  208. /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
  209. font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
  210. font-size: 17px;
  211. line-height: 23px;
  212. font-weight: normal;
  213. margin-bottom: 0;
  214. }
  215. a:hover {
  216. color: @bleu_popsu1;
  217. }
  218. }
  219. }
  220. }
  221. li.active-trail a.active {
  222. /*background-color: #fff;*/
  223. color: @bleu_popsu1;
  224. }
  225. }
  226. }
  227. }
  228. body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu {
  229. li {
  230. color: @gris_popsueurope;
  231. a,
  232. .nolink {
  233. color: @gris_popsueurope;
  234. }
  235. ul li a {
  236. color: #fff;
  237. }
  238. ul li a:hover {
  239. color: @gris_popsueurope;
  240. }
  241. ul li.active a {
  242. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  243. }
  244. }
  245. li.active a.active {
  246. color: @gris_popsueurope;
  247. }
  248. }
  249. body.context-popsu-2 #sidebar-first .left-nav-level-1 ul.menu {
  250. li {
  251. color: @vert_popsu2;
  252. a,
  253. .nolink {
  254. color: @vert_popsu2;
  255. }
  256. ul li .nolink,
  257. ul li a {
  258. color: #fff;
  259. }
  260. ul li a:hover {
  261. color: @vert_popsu2;
  262. }
  263. ul li.active a {
  264. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  265. }
  266. }
  267. li.active a.active {
  268. color: @vert_popsu2;
  269. }
  270. }
  271. #sidebar-first {
  272. .left-nav-level-2 {
  273. padding: 0px 15px 10px 15px;
  274. h3.title a {
  275. color: #fff;
  276. }
  277. ul.menu {
  278. li {
  279. margin-bottom: 11px;
  280. .nolink,
  281. a {
  282. color: #fff;
  283. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  284. font-size: 12px;
  285. line-height: 17px;
  286. font-weight: normal;
  287. text-transform: uppercase;
  288. /*margin-bottom: 5px;*/
  289. display: block;
  290. }
  291. ul {
  292. margin-bottom: 22px;
  293. padding-left: 0;
  294. li {
  295. margin-bottom: 0px;
  296. a {
  297. color: #fff;
  298. /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
  299. font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;
  300. font-size: 12px;
  301. line-height: 17px;
  302. font-weight: normal;
  303. margin-bottom: 0;
  304. text-transform: none;
  305. }
  306. }
  307. li:hover a {
  308. background: none;
  309. /*color: @bleu_popsu1;*/
  310. text-decoration: underline;
  311. }
  312. }
  313. }
  314. li.active-trail a.active {
  315. /*background-color: #fff;
  316. color: @bleu_popsu1;*/
  317. background: none;
  318. color: #000;
  319. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  320. }
  321. }
  322. }
  323. }
  324. body.sidebar-double.context-popsu-1 {
  325. #sidebar-first {
  326. .region-sidebar-first {
  327. background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
  328. }
  329. .left-nav-level-1 {
  330. padding-top: 27px;
  331. ul.menu {
  332. li {
  333. .nolink,
  334. a {
  335. color: #000;
  336. }
  337. ul li a {
  338. color: #fff;
  339. }
  340. a:hover {
  341. color: #fff;
  342. }
  343. ul li a:hover {
  344. color: #000;
  345. }
  346. }
  347. li.active-trail a.active {
  348. background: none;
  349. color: #000;
  350. font-weight: bold;
  351. }
  352. }
  353. }
  354. }
  355. }
  356. body.sidebar-double.context-popsu-2 {
  357. #sidebar-first {
  358. .region-sidebar-first {
  359. background: @vert_popsu2;
  360. /*url(../img/pixels/sidebar-popsu1-bis-trans.png);*/
  361. }
  362. }
  363. }
  364. body.context-popsu {
  365. #header-wrapper {
  366. .block-inner {
  367. margin: 0px;
  368. padding: 0px;
  369. }
  370. #block-boxes-popsu_logo_baseline {
  371. float: left;
  372. background: #000 url(../img/logos/baseline.png) no-repeat top left;
  373. width: 143px;
  374. height: 61px;
  375. margin-top: 36px;
  376. margin-left: -5px;
  377. .block-inner {
  378. display: none;
  379. }
  380. }
  381. .block-wrapper.first {
  382. float: left;
  383. .block-boxes {
  384. background: url(../img/pixels/sidebar-default-trans.png);
  385. margin: 0 5px 0 15px;
  386. /* padding-bottom: 27px; */
  387. padding-bottom: 0px;
  388. }
  389. }
  390. }
  391. }
  392. body.sidebar-double.context-popsu-1 #header-wrapper .block-wrapper.first .block-boxes {
  393. background: url(../img/pixels/sidebar-popsu1-bis-trans.png);
  394. }
  395. body.sidebar-double.context-popsu-2 #header-wrapper .block-wrapper.first .block-boxes {
  396. background: @vert_popsu2;
  397. /* url(../img/pixels/sidebar-popsu1-bis-trans.png); */
  398. }
  399. body.context-popsu-1 {
  400. #header-wrapper {
  401. #block-boxes-popsu_logo_popsu1 {
  402. /* popsu1 */
  403. .block-inner {
  404. /*padding: 0 1px 0 0;*/
  405. a.logo {
  406. display: block;
  407. float: right;
  408. margin: 40px 0 0 0;
  409. width: 193px;
  410. height: 131px;
  411. background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat;
  412. text-indent: -999px;
  413. overflow: hidden;
  414. }
  415. }
  416. }
  417. #block-boxes-popsu_logo_popsu2 {
  418. /* popsu2 */
  419. float: right;
  420. .block-inner {
  421. a.logo {
  422. display: block;
  423. margin: 64px 0 0 0;
  424. width: 101px;
  425. height: 65px;
  426. background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
  427. text-indent: -999px;
  428. overflow: hidden;
  429. float: right;
  430. }
  431. }
  432. }
  433. #block-boxes-popsu_logo_popsueurope {
  434. /* popsu Europe */
  435. float: right;
  436. .block-inner {
  437. a.logo {
  438. display: block;
  439. margin: 64px 0 0 0;
  440. width: 101px;
  441. height: 65px;
  442. background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
  443. text-indent: -999px;
  444. overflow: hidden;
  445. float: right;
  446. }
  447. }
  448. }
  449. #block-boxes-popsu_logo_baseline {
  450. /* baseline */
  451. .block-inner {
  452. }
  453. }
  454. }
  455. }
  456. body.context-popsu-2 {
  457. #header-wrapper {
  458. #block-boxes-popsu_logo_popsu1 {
  459. float: right;
  460. .block-inner {
  461. a.logo {
  462. display: block;
  463. margin: 64px 0 0 0;
  464. width: 101px;
  465. height: 65px;
  466. background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
  467. text-indent: -999px;
  468. overflow: hidden;
  469. float: right;
  470. }
  471. }
  472. }
  473. #block-boxes-popsu_logo_popsu2 {
  474. .block-inner {
  475. a.logo {
  476. display: block;
  477. float: right;
  478. margin: 40px 0 0 0;
  479. width: 193px;
  480. height: 131px;
  481. background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat;
  482. text-indent: -999px;
  483. overflow: hidden;
  484. }
  485. }
  486. }
  487. #block-boxes-popsu_logo_popsueurope {
  488. float: right;
  489. .block-inner {
  490. a.logo {
  491. display: block;
  492. margin: 64px 0 0 0;
  493. width: 101px;
  494. height: 65px;
  495. background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
  496. text-indent: -999px;
  497. overflow: hidden;
  498. float: right;
  499. }
  500. }
  501. }
  502. #block-boxes-popsu_logo_baseline {
  503. .block-inner {
  504. }
  505. }
  506. }
  507. }
  508. body.context-popsu-europe {
  509. #header-wrapper {
  510. #block-boxes-popsu_logo_popsu1 {
  511. float: right;
  512. .block-inner {
  513. a.logo {
  514. display: block;
  515. margin: 64px 0 0 0;
  516. width: 101px;
  517. height: 65px;
  518. background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
  519. text-indent: -999px;
  520. overflow: hidden;
  521. float: right;
  522. }
  523. }
  524. }
  525. #block-boxes-popsu_logo_popsu2 {
  526. float: right;
  527. .block-inner {
  528. a.logo {
  529. display: block;
  530. margin: 64px 0 0 0;
  531. width: 101px;
  532. height: 65px;
  533. background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
  534. text-indent: -999px;
  535. overflow: hidden;
  536. float: right;
  537. }
  538. }
  539. }
  540. #block-boxes-popsu_logo_popsueurope {
  541. .block-inner {
  542. a.logo {
  543. display: block;
  544. float: right;
  545. margin: 40px 0 0 0;
  546. width: 193px;
  547. height: 131px;
  548. background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat;
  549. text-indent: -999px;
  550. overflow: hidden;
  551. }
  552. }
  553. }
  554. #block-boxes-popsu_logo_baseline {
  555. .block-inner {
  556. }
  557. }
  558. }
  559. }
  560. #boxes-box-popsu_menu_trigger {
  561. background: #000000;
  562. margin-left: -20px;
  563. padding: 0;
  564. float: left;
  565. .menu-trigger-level1,
  566. a {
  567. cursor: pointer;
  568. color: #fff;
  569. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  570. font-size: 14px;
  571. line-height: 14px;
  572. letter-spacing: 0.05em;
  573. font-weight: normal;
  574. padding: 3px 4px 2px 7px;
  575. }
  576. }
  577. #trigger-questcequepopsu {
  578. background: #000000;
  579. margin-right: -20px;
  580. margin-top: -10px;
  581. margin-bottom: 10px;
  582. padding: 0;
  583. float: right;
  584. a {
  585. display: block;
  586. cursor: pointer;
  587. color: #fff;
  588. font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif;
  589. font-size: 14px;
  590. line-height: 14px;
  591. letter-spacing: 0.05em;
  592. font-weight: normal;
  593. padding: 3px 4px 2px 7px;
  594. }
  595. }
  596. .breadcrumb { display: none; }
  597. body.context-popsu #header-wrapper .menu-header .block-inner {
  598. padding: 0;
  599. background: none;
  600. ul {
  601. padding-left: 30px;
  602. padding-top: 23px;
  603. li {
  604. list-style: none;
  605. text-align: left;
  606. }
  607. }
  608. }
  609. .menu-inline {
  610. ul {
  611. li {
  612. float: left;
  613. list-style: none;
  614. margin: 0 10px;
  615. }
  616. }
  617. }
  618. .openlayers-container {
  619. border: 1px solid #999;
  620. .olControlAttribution {
  621. display: none;
  622. }
  623. .openlayers_behavior_fullscreen_buttonItemInactive {
  624. cursor: pointer;
  625. /*background: url("openlayers_behavior_fullscreen.png") repeat scroll 0 0 transparent;
  626. height: 20px;
  627. width: 20px;*/
  628. }
  629. }
  630. .openlayers-container img {
  631. max-width: none;
  632. }
  633. .flexslider {
  634. margin-bottom: 10px;
  635. min-height: 340px;
  636. /*height: 330px;*/
  637. /*margin-left: -20px;*/
  638. ul,
  639. ul li {
  640. margin: 0;
  641. padding: 0;
  642. list-style: none;
  643. list-style-type: none;
  644. }
  645. p {
  646. margin: 0 1px 0 0;
  647. font-size: 11px;
  648. font-weight: normal;
  649. .ville-title {
  650. padding-left: 5px;
  651. }
  652. }
  653. }
  654. .flex-caption,
  655. .caption {
  656. /*position:absolute;*/
  657. bottom:0;
  658. left:0;
  659. width:100%;
  660. font-size:12px;
  661. color:#fff;
  662. /*height:21px;*/
  663. padding: 2px 0;
  664. /*background:rgba(0, 0, 0, 0.9);*/
  665. background-color: #000;
  666. span.ville-title {
  667. display: block;
  668. margin: 0 2px;
  669. }
  670. }
  671. .colloque-subtitle {
  672. font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
  673. font-size: 12px;
  674. line-height: 18px;
  675. color: #1A171B;
  676. }
  677. body.popsu-neutral-section {
  678. #main-wrapper #content-wrapper {
  679. width: 96%;
  680. #content-inner {
  681. padding-left: 170px;
  682. .panel-2col-stacked {
  683. .panel-col-top {
  684. width: 69%;
  685. }
  686. .center-wrapper {
  687. .panel-col-first {
  688. width: 340px;
  689. margin-right: 70px;
  690. }
  691. .panel-col-last {
  692. width: 340px;
  693. }
  694. }
  695. }
  696. .page-header {
  697. margin-bottom: 24px;
  698. }
  699. h1#page-title {
  700. color: @gris_neutral;
  701. }
  702. h2 {
  703. font-family: OpenSansBold,verdana,arial,helvetica,sans-serif;
  704. font-size: 19px;
  705. }
  706. a {
  707. color: #1A171B;
  708. }
  709. p {
  710. font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
  711. font-size: 13px;
  712. line-height: 18px;
  713. margin: 0 0 9px;
  714. color: #1A171B;
  715. }
  716. }
  717. }
  718. }
  719. body.popsu-neutral-section {
  720. #header-wrapper {
  721. #boxes-box-popsu_logo_popsuneutral {
  722. /* popsu1 */
  723. float: left;
  724. margin-left: 65px;
  725. .boxes-box-content {
  726. margin: 0 5px 0 15px;
  727. /* padding-bottom: 27px; */
  728. padding-bottom: 0px;
  729. a.logo {
  730. display: block;
  731. float: right;
  732. margin: 24px 0 0 0;
  733. width: 349px;
  734. height: 150px;
  735. background: url(../img/logos/logo-pages-froides-avec-baseline.png) no-repeat;
  736. text-indent: -999px;
  737. overflow: hidden;
  738. }
  739. }
  740. }
  741. }
  742. }
  743. body.popsu-actu-section,
  744. body.popsu-neutral-section {
  745. #header-wrapper {
  746. #block-boxes-popsu_logo_popsu1 {
  747. /* popsu1 */
  748. float: right;
  749. margin-right: 25px;
  750. .block-inner {
  751. a.logo {
  752. display: block;
  753. margin: 64px 0 0 0;
  754. width: 101px;
  755. height: 65px;
  756. background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat;
  757. text-indent: -999px;
  758. overflow: hidden;
  759. float: right;
  760. }
  761. }
  762. }
  763. #block-boxes-popsu_logo_popsu2 {
  764. /* popsu2 */
  765. float: right;
  766. margin-right: 25px;
  767. .block-inner {
  768. a.logo {
  769. display: block;
  770. margin: 64px 0 0 0;
  771. width: 101px;
  772. height: 65px;
  773. background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat;
  774. text-indent: -999px;
  775. overflow: hidden;
  776. float: right;
  777. }
  778. }
  779. }
  780. #block-boxes-popsu_logo_popsueurope {
  781. /* popsu Europe */
  782. float: right;
  783. .block-inner {
  784. a.logo {
  785. display: block;
  786. margin: 64px 0 0 0;
  787. width: 101px;
  788. height: 65px;
  789. background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat;
  790. text-indent: -999px;
  791. overflow: hidden;
  792. float: right;
  793. }
  794. }
  795. }
  796. }
  797. }
  798. body.popsu-neutral-section {
  799. #header-wrapper {
  800. #block-boxes-popsu_logo_baseline {
  801. display: none;
  802. /*float: left;
  803. background: #000 url(../img/logos/baseline.png) no-repeat top left;
  804. width: 143px;
  805. height: 61px;
  806. margin-top: 36px;
  807. margin-left: -5px;
  808. .block-inner {
  809. display: none;
  810. }*/
  811. }
  812. }
  813. }
  814. body.popsu-actu-section {
  815. #header-wrapper {
  816. #block-boxes-popsu_logo_baseline {
  817. float: left;
  818. background: #000 url(../img/logos/baseline.png) no-repeat top left;
  819. width: 143px;
  820. height: 61px;
  821. margin-top: 36px;
  822. margin-left: -5px;
  823. .block-inner {
  824. display: none;
  825. }
  826. }
  827. #boxes-box-popsu_logo_popsuneutral {
  828. float: left;
  829. .boxes-box-content {
  830. background: url(../img/pixels/sidebar-default-trans.png);
  831. margin: 0 5px 0 15px;
  832. /* padding-bottom: 27px; */
  833. /*height: 192px;*/
  834. padding-top: 24px;
  835. a.logo {
  836. display: block;
  837. margin: 0px 0 0 73px;
  838. width: 207px;
  839. height: 150px;
  840. background: url(../img/logos/logo-actu-black.png) no-repeat;
  841. text-indent: -999px;
  842. overflow: hidden;
  843. }
  844. }
  845. }
  846. /*#boxes-box-popsu_logo_popsuneutral {
  847. background: url(../img/pixels/sidebar-default-trans.png);
  848. margin: 0;
  849. padding-bottom: 0px;
  850. .boxes-box-content {
  851. margin: 0 5px 0 15px;
  852. padding-bottom: 0px;
  853. a.logo {
  854. display: block;
  855. margin: 24px 0 0 0;
  856. width: 207px;
  857. height: 150px;
  858. background: url(../img/logos/logo-actu-black.png) no-repeat;
  859. text-indent: -999px;
  860. overflow: hidden;
  861. }
  862. }
  863. }*/
  864. }
  865. }
  866. body.popsu-actu-section #sidebar-first {
  867. .left-nav-level-1 {
  868. /*padding: 27px 15px 10px 15px;*/
  869. padding-top: 44px;
  870. h3 {
  871. color: @gris_neutral;
  872. font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif;
  873. font-size: 38px;
  874. line-height: 30px;
  875. font-weight: normal;
  876. margin-bottom: 5px;
  877. display: block;
  878. }
  879. ul.menu {
  880. margin-bottom: 22px;
  881. li {
  882. margin-bottom: 0px;
  883. .nolink,
  884. a {
  885. color: #fff;
  886. /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/
  887. font-family: OpenSansLight, verdana,arial,helvetica,sans-serif;
  888. font-size: 17px;
  889. line-height: 23px;
  890. font-weight: normal;
  891. margin-bottom: 0;
  892. }
  893. a:hover {
  894. color: @gris_neutral;
  895. }
  896. }
  897. }
  898. }
  899. }
  900. #content-inner #page-title.title-actu {
  901. font-size: 28px;
  902. line-height: 22px;
  903. color: @gris_neutral;
  904. }
  905. #page-title-secondary-actu {
  906. color: @gris_neutral;
  907. margin-top: 0;
  908. }
  909. body.popsu-actu-section #main-wrapper #content-wrapper #content {
  910. padding-top: 40px;
  911. }
  912. .title-actu.title-a-venir {
  913. display: none;
  914. }
  915. .title-actu.title-passees {
  916. display: block;
  917. }
  918. body.popsu-neutral-section #main-wrapper #content-wrapper #content-inner .listing-actu {
  919. h2.pane-title {
  920. font-size: 28px;
  921. line-height: 22px;
  922. color: @gris_neutral;
  923. font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif;
  924. text-transform: uppercase;
  925. }
  926. .views-field-title {
  927. color: @gris_neutral;
  928. font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif;
  929. font-size: 56px;
  930. line-height: 49px;
  931. }
  932. .views-field-field-popsu-actu-soustitre {
  933. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  934. font-size: 20px;
  935. line-height: 50px;
  936. }
  937. .actu-col-img {
  938. float: left;
  939. margin: 0 26px 5px 0;
  940. }
  941. .actu-col-body {
  942. margin-left: 246px;
  943. }
  944. }
  945. body.popsu-listing-actu {
  946. h1#page-title {
  947. display: none;
  948. }
  949. }
  950. #content-inner .listing-actu-avenir {
  951. .views-row {
  952. padding-bottom: 10px;
  953. margin-bottom: 25px;
  954. border-bottom: 1px solid #000;
  955. }
  956. .view-content {
  957. margin-bottom: 45px;
  958. }
  959. }
  960. #pane-actu-passees.layout-88p {
  961. width: 100%;
  962. .panels-flexible-column.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first {
  963. width: 100%;
  964. }
  965. }
  966. #content-inner .listing-actu-passe {
  967. h2.pane-title {
  968. margin-bottom: 7px;
  969. }
  970. .views-row-last {
  971. padding-bottom: 0px;
  972. margin-bottom: 25px;
  973. border-bottom: 1px solid #000;
  974. }
  975. .actu-pseudo-title {
  976. font-family: OpenSansBold, verdana,arial,helvetica,sans-serif;
  977. font-size: 20px;
  978. line-height: 20px;
  979. }
  980. .actu-pseudo-subtitle {
  981. font-family: OpenSansSemiBold, verdana,arial,helvetica,sans-serif;
  982. font-size: 20px;
  983. line-height: 20px;
  984. }
  985. }
  986. body #cboxClose,
  987. body #cboxPrevious,
  988. body #cboxNext {
  989. border: 0;
  990. }
  991. /* A REPRENDRE ET ETENDRE A TOUS LES TYPES DE CONTENUS */
  992. body.panel-theme-europe #content-inner h1#page-title {
  993. display: none;
  994. }
  995. body.panel-theme-europe .panels-flexible-row-popsu-74-26-stacked-8.panels-flexible-row-first {
  996. display: none;
  997. }
  998. body.panel-theme-europe #content-inner .panels-flexible-region-popsu-74-26-stacked-right{
  999. border-top: 1px solid #000;
  1000. .accordion-trigger,
  1001. .accordion-h2{
  1002. border-bottom: 1px solid #000;
  1003. }
  1004. .accordion-h2-panel{
  1005. margin-bottom: 0px;
  1006. padding-bottom: 5px;
  1007. }
  1008. .accordion-trigger .views-field,
  1009. .accordion-h2-layout .accordion-content .views-label,
  1010. .accordion-h2-views .view-header,
  1011. .accordion-h2-panel > h2.pane-title {
  1012. border-top: none;
  1013. }
  1014. #accordion-h2-publication-europe .accordion-trigger {
  1015. border-bottom: none;
  1016. }
  1017. #accordion-h2-publication-europe {
  1018. border-bottom: 1px solid #000;
  1019. }
  1020. }
  1021. /*
  1022. #footer {
  1023. display: none;
  1024. }
  1025. */
  1026. #custom-search-blocks-form-1 {
  1027. .form-item-custom-search-types {
  1028. display: none;
  1029. }
  1030. .form-actions {
  1031. border: none;
  1032. background: none;
  1033. margin: 0;
  1034. padding: 0;
  1035. }
  1036. .form-item-custom-search-blocks-form-1, #edit-actions, .form-actions:before, .form-actions:after {
  1037. display: inline;
  1038. }
  1039. label, input, #edit-submit {
  1040. display: inline-block;
  1041. }
  1042. }
  1043. body.page-search.popsu-neutral-section #main-wrapper #content-wrapper #content-inner,
  1044. body.popsu-neutral-section.page-search #main-wrapper #content-wrapper #content-inner {
  1045. margin-right: 100px;
  1046. min-height: 450px;
  1047. }
  1048. body.page-recherche.popsu-neutral-section #main-wrapper #content-wrapper #content-inner {
  1049. min-height: 450px;
  1050. }
  1051. #accordion-h2-lire-aussi {
  1052. .view-content {
  1053. padding-top: 8px;
  1054. }
  1055. a {
  1056. color: #1A171A;
  1057. }
  1058. h3 {
  1059. font-weight: normal;
  1060. font-style: italic;
  1061. font-family: OpenSansRegular,Helvetica,Arial,sans-serif;
  1062. }
  1063. }
  1064. .captioned .flex-caption {
  1065. position: relative;
  1066. z-index: 2;
  1067. margin-top: -35px;
  1068. }
  1069. body.node-type-popsu-ville .captioned .flex-caption {
  1070. margin-top: -20px;
  1071. }