@import "lib.less"; #block-boxes-popsu_google_analytics { display: none; } /* Links with OUTLINE patch */ a:link, a:visited, a:hover, a:active { outline: none; } body.front { background: url(../img/body-background.png); } #global-wrapper { background: url(../img/body-pattern-wide-trans.png) no-repeat top center; } body.front #global-wrapper { background: url(../img/carte/fond_carte_agrandi_02.png) no-repeat top center; } body.front #global-wrapper-secondary { background: url(../img/carte/fond_pageaccueil_final.png) no-repeat center -145px; } /* NE PAS EFFACER */ /* déplacé dans les vues projets et themes (footer) #main-wrapper #block-menu_block-1 .menu-name-menu-popsu1-menu > ul.menu { background: url(/sites/default/themes/popsu/img/icons/voir-egalement-trans.png) no-repeat bottom right; padding-bottom: 15px; margin-bottom: 0; } /* !NE PAS EFFACER */ #page { padding-bottom: 60px; } h1 { color: #999; text-transform: uppercase; line-height: 1em; } #content-inner .pseudo-h1-page-title, #content-inner .pseudo-h1-page-title p, #content-inner h1#page-title p, #content-inner h1#page-title { font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; font-size: 56px; line-height: 43px; font-weight: normal; color: @bleu_popsu1; padding-top: 4px; } #content-inner .pseudo-h1-page-title p span { line-height: 36px; } #content-inner .pseudo-h1-page-title, #content-inner h1#page-title p { margin-bottom: 0; } body.context-popsu-europe #content-inner .pseudo-h1-page-title, body.context-popsu-europe #content-inner .pseudo-h1-page-title p, body.context-popsu-europe #content-inner h1#page-title p, body.context-popsu-europe #content-inner h1#page-title { color: @gris_popsueurope; } body.context-popsu-2 #content-inner h1#page-title { color: @vert_popsu2; } h2 { line-height: 1.3em; } h6 { color: #000; font-size: 12px; text-transform: none; } #content-inner .field-type-text-long h1 { font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif; font-size: 36px; font-weight: normal; line-height: 40px; // padding-top: 4px; color: @bleu_popsu1; } body.context-popsu-europe #content-inner .field-type-text-long h1 { color: @gris_popsueurope; } body.context-popsu-2 #content-inner .field-type-text-long h1 { color: @vert_popsu2; } #content-inner h2 { font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; font-size: 20px; text-transform: uppercase; line-height: 27px; font-weight: normal; } #content-inner h3 { font-size: 13px; line-height: 17px; font-family: OpenSansExtraBold, verdana,arial,helvetica,sans-serif; font-weight: normal; margin: 0; } kbd { background-color: #f5f5f5; border: 1px solid #dedede; padding: 0px 3px 2px; } footer { margin-top: 3em; text-align: right; } /*base-documentaire*/ body.page-user #main-wrapper { background: #fff; min-height: 450px; margin-top: 70px; margin-bottom: 30px; } body.page-user #page { min-height: 600px; } #header-wrapper { margin-bottom: 0; padding-bottom: 0; } #content-wrapper { /*background-color: #fff;*/ #content-inner { /*background-color:#ff0000;*/ padding: 0 0px 0 0; /*margin-right: -15px;*/ margin-right: -23px; } } #footer-wrapper { background: transparent url(../img/pixels/footer-background_gray-dark-trans.png); #footer { background: none; color: #fff; font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif; font-size: 13px; line-height: 14px; letter-spacing: 0.075em; font-weight: normal; li, .block-inner .content ul li a { font-weight: normal; color: #fff; line-height: 14px; } /*#footer-accueil, #footer-popsu { font-size: 14px; } #footer-recherche { font-size: 17px; float: right; display: block; }*/ li.last { float: right; display: block; } } } .navbar-inner, #footer-wrapper #footer { min-height: 30px; } #sidebar-first { .region-sidebar-first { /* A REPORTER */ /*padding: 0px 15px 10px 15px;*/ margin: 0 5px 0 15px; background: url(../img/pixels/sidebar-default-trans.png); } .left-nav-level-1 { padding: 27px 15px 10px 15px; ul.menu { li { margin-bottom: 11px; .nolink, a { color: @bleu_popsu1; font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; font-size: 38px; line-height: 30px; font-weight: normal; margin-bottom: 5px; display: block; } } } } } #sidebar-first { .left-nav-level-1 { ul.menu { li { a:hover { color: #fff; background: none; text-decoration: underline; } ul { margin-bottom: 22px; li { margin-bottom: 0px; .nolink, a { color: #fff; /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/ font-family: OpenSansLight, verdana,arial,helvetica,sans-serif; font-size: 17px; line-height: 23px; font-weight: normal; margin-bottom: 0; } a:hover { color: @bleu_popsu1; } } } } li.active-trail a.active { /*background-color: #fff;*/ color: @bleu_popsu1; } } } } body.context-popsu-europe #sidebar-first .left-nav-level-1 ul.menu { li { color: @gris_popsueurope; a, .nolink { color: @gris_popsueurope; } ul li a { color: #fff; } ul li a:hover { color: @gris_popsueurope; } ul li.active a { font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; } } li.active a.active { color: @gris_popsueurope; } } body.context-popsu-2 #sidebar-first .left-nav-level-1 ul.menu { li { color: @vert_popsu2; a, .nolink { color: @vert_popsu2; } ul li .nolink, ul li a { color: #fff; } ul li a:hover { color: @vert_popsu2; } ul li.active a { font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; } } li.active a.active { color: @vert_popsu2; } } #sidebar-first { .left-nav-level-2 { padding: 0px 15px 10px 15px; h3.title a { color: #fff; } ul.menu { li { margin-bottom: 11px; .nolink, a { color: #fff; font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 17px; font-weight: normal; text-transform: uppercase; /*margin-bottom: 5px;*/ display: block; } ul { margin-bottom: 22px; padding-left: 0; li { margin-bottom: 0px; a { color: #fff; /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/ font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 17px; font-weight: normal; margin-bottom: 0; text-transform: none; } } li:hover a { background: none; /*color: @bleu_popsu1;*/ text-decoration: underline; } } } li.active-trail a.active { /*background-color: #fff; color: @bleu_popsu1;*/ background: none; color: #000; font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; } } } } body.sidebar-double.context-popsu-1 { #sidebar-first { .region-sidebar-first { background: url(../img/pixels/sidebar-popsu1-bis-trans.png); } .left-nav-level-1 { padding-top: 27px; ul.menu { li { .nolink, a { color: #000; } ul li a { color: #fff; } a:hover { color: #fff; } ul li a:hover { color: #000; } } li.active-trail a.active { background: none; color: #000; font-weight: bold; } } } } } body.sidebar-double.context-popsu-2 { #sidebar-first { .region-sidebar-first { background: @vert_popsu2; /*url(../img/pixels/sidebar-popsu1-bis-trans.png);*/ } } } body.context-popsu { #header-wrapper { .block-inner { margin: 0px; padding: 0px; } #block-boxes-popsu_logo_baseline { float: left; background: #000 url(../img/logos/baseline.png) no-repeat top left; width: 143px; height: 61px; margin-top: 36px; margin-left: -5px; .block-inner { display: none; } } .block-wrapper.first { float: left; .block-boxes { background: url(../img/pixels/sidebar-default-trans.png); margin: 0 5px 0 15px; /* padding-bottom: 27px; */ padding-bottom: 0px; } } } } body.sidebar-double.context-popsu-1 #header-wrapper .block-wrapper.first .block-boxes { background: url(../img/pixels/sidebar-popsu1-bis-trans.png); } body.sidebar-double.context-popsu-2 #header-wrapper .block-wrapper.first .block-boxes { background: @vert_popsu2; /* url(../img/pixels/sidebar-popsu1-bis-trans.png); */ } body.context-popsu-1 { #header-wrapper { #block-boxes-popsu_logo_popsu1 { /* popsu1 */ .block-inner { /*padding: 0 1px 0 0;*/ a.logo { display: block; float: right; margin: 40px 0 0 0; width: 193px; height: 131px; background: url(../img/logos/popsu1/logo-sidebar-trans.png) no-repeat; text-indent: -999px; overflow: hidden; } } } #block-boxes-popsu_logo_popsu2 { /* popsu2 */ float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsueurope { /* popsu Europe */ float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_baseline { /* baseline */ .block-inner { } } } } body.context-popsu-2 { #header-wrapper { #block-boxes-popsu_logo_popsu1 { float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsu2 { .block-inner { a.logo { display: block; float: right; margin: 40px 0 0 0; width: 193px; height: 131px; background: url(../img/logos/popsu2/logo-sidebar-trans.png) no-repeat; text-indent: -999px; overflow: hidden; } } } #block-boxes-popsu_logo_popsueurope { float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_baseline { .block-inner { } } } } body.context-popsu-europe { #header-wrapper { #block-boxes-popsu_logo_popsu1 { float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsu2 { float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsueurope { .block-inner { a.logo { display: block; float: right; margin: 40px 0 0 0; width: 193px; height: 131px; background: url(../img/logos/popsueurope/logo-sidebar-trans.png) no-repeat; text-indent: -999px; overflow: hidden; } } } #block-boxes-popsu_logo_baseline { .block-inner { } } } } #boxes-box-popsu_menu_trigger { background: #000000; margin-left: -20px; padding: 0; float: left; .menu-trigger-level1, a { cursor: pointer; color: #fff; font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 14px; letter-spacing: 0.05em; font-weight: normal; padding: 3px 4px 2px 7px; } } #trigger-questcequepopsu { background: #000000; margin-right: -20px; margin-top: -10px; margin-bottom: 10px; padding: 0; float: right; a { display: block; cursor: pointer; color: #fff; font-family: BebasNeueRegular, verdana,arial,helvetica,sans-serif; font-size: 14px; line-height: 14px; letter-spacing: 0.05em; font-weight: normal; padding: 3px 4px 2px 7px; } } .breadcrumb { display: none; } body.context-popsu #header-wrapper .menu-header .block-inner { padding: 0; background: none; ul { padding-left: 30px; padding-top: 23px; li { list-style: none; text-align: left; } } } .menu-inline { ul { li { float: left; list-style: none; margin: 0 10px; } } } .openlayers-container { border: 1px solid #999; .olControlAttribution { display: none; } .openlayers_behavior_fullscreen_buttonItemInactive { cursor: pointer; /*background: url("openlayers_behavior_fullscreen.png") repeat scroll 0 0 transparent; height: 20px; width: 20px;*/ } } .openlayers-container img { max-width: none; } .flexslider { margin-bottom: 10px; min-height: 340px; /*height: 330px;*/ /*margin-left: -20px;*/ ul, ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; } p { margin: 0 1px 0 0; font-size: 11px; font-weight: normal; .ville-title { padding-left: 5px; } } } .flex-caption, .caption { /*position:absolute;*/ bottom:0; left:0; width:100%; font-size:12px; color:#fff; /*height:21px;*/ padding: 2px 0; /*background:rgba(0, 0, 0, 0.9);*/ background-color: #000; span.ville-title { display: block; margin: 0 2px; } } .colloque-subtitle { font-family: OpenSansRegular,Helvetica,Arial,sans-serif; font-size: 12px; line-height: 18px; color: #1A171B; } body.popsu-neutral-section { #main-wrapper #content-wrapper { width: 96%; #content-inner { padding-left: 170px; .panel-2col-stacked { .panel-col-top { width: 69%; } .center-wrapper { .panel-col-first { width: 340px; margin-right: 70px; } .panel-col-last { width: 340px; } } } .page-header { margin-bottom: 24px; } h1#page-title { color: @gris_neutral; } h2 { font-family: OpenSansBold,verdana,arial,helvetica,sans-serif; font-size: 19px; } a { color: #1A171B; } p { font-family: OpenSansRegular,Helvetica,Arial,sans-serif; font-size: 13px; line-height: 18px; margin: 0 0 9px; color: #1A171B; } } } } body.popsu-neutral-section { #header-wrapper { #boxes-box-popsu_logo_popsuneutral { /* popsu1 */ float: left; margin-left: 65px; .boxes-box-content { margin: 0 5px 0 15px; /* padding-bottom: 27px; */ padding-bottom: 0px; a.logo { display: block; float: right; margin: 24px 0 0 0; width: 349px; height: 150px; background: url(../img/logos/logo-pages-froides-avec-baseline.png) no-repeat; text-indent: -999px; overflow: hidden; } } } } } body.popsu-actu-section, body.popsu-neutral-section { #header-wrapper { #block-boxes-popsu_logo_popsu1 { /* popsu1 */ float: right; margin-right: 25px; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu1/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsu2 { /* popsu2 */ float: right; margin-right: 25px; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsu2/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } #block-boxes-popsu_logo_popsueurope { /* popsu Europe */ float: right; .block-inner { a.logo { display: block; margin: 64px 0 0 0; width: 101px; height: 65px; background: url(../img/logos/popsueurope/logo-small-trans.png) no-repeat; text-indent: -999px; overflow: hidden; float: right; } } } } } body.popsu-neutral-section { #header-wrapper { #block-boxes-popsu_logo_baseline { display: none; /*float: left; background: #000 url(../img/logos/baseline.png) no-repeat top left; width: 143px; height: 61px; margin-top: 36px; margin-left: -5px; .block-inner { display: none; }*/ } } } body.popsu-actu-section { #header-wrapper { #block-boxes-popsu_logo_baseline { float: left; background: #000 url(../img/logos/baseline.png) no-repeat top left; width: 143px; height: 61px; margin-top: 36px; margin-left: -5px; .block-inner { display: none; } } #boxes-box-popsu_logo_popsuneutral { float: left; .boxes-box-content { background: url(../img/pixels/sidebar-default-trans.png); margin: 0 5px 0 15px; /* padding-bottom: 27px; */ /*height: 192px;*/ padding-top: 24px; a.logo { display: block; margin: 0px 0 0 73px; width: 207px; height: 150px; background: url(../img/logos/logo-actu-black.png) no-repeat; text-indent: -999px; overflow: hidden; } } } /*#boxes-box-popsu_logo_popsuneutral { background: url(../img/pixels/sidebar-default-trans.png); margin: 0; padding-bottom: 0px; .boxes-box-content { margin: 0 5px 0 15px; padding-bottom: 0px; a.logo { display: block; margin: 24px 0 0 0; width: 207px; height: 150px; background: url(../img/logos/logo-actu-black.png) no-repeat; text-indent: -999px; overflow: hidden; } } }*/ } } body.popsu-actu-section #sidebar-first { .left-nav-level-1 { /*padding: 27px 15px 10px 15px;*/ padding-top: 44px; h3 { color: @gris_neutral; font-family: OstrichSansBold, verdana,arial,helvetica,sans-serif; font-size: 38px; line-height: 30px; font-weight: normal; margin-bottom: 5px; display: block; } ul.menu { margin-bottom: 22px; li { margin-bottom: 0px; .nolink, a { color: #fff; /*font-family: OpenSansRegular, verdana,arial,helvetica,sans-serif;*/ font-family: OpenSansLight, verdana,arial,helvetica,sans-serif; font-size: 17px; line-height: 23px; font-weight: normal; margin-bottom: 0; } a:hover { color: @gris_neutral; } } } } } #content-inner #page-title.title-actu { font-size: 28px; line-height: 22px; color: @gris_neutral; } #page-title-secondary-actu { color: @gris_neutral; margin-top: 0; } body.popsu-actu-section #main-wrapper #content-wrapper #content { padding-top: 40px; } .title-actu.title-a-venir { display: none; } .title-actu.title-passees { display: block; } body.popsu-neutral-section #main-wrapper #content-wrapper #content-inner .listing-actu { h2.pane-title { font-size: 28px; line-height: 22px; color: @gris_neutral; font-family: OstrichSansBold,verdana,arial,helvetica,sans-serif; text-transform: uppercase; } .views-field-title { color: @gris_neutral; font-family: BebasNeueRegular,verdana,arial,helvetica,sans-serif; font-size: 56px; line-height: 49px; } .views-field-field-popsu-actu-soustitre { font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; font-size: 20px; line-height: 50px; } .actu-col-img { float: left; margin: 0 26px 5px 0; } .actu-col-body { margin-left: 246px; } } body.popsu-listing-actu { h1#page-title { display: none; } } #content-inner .listing-actu-avenir { .views-row { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #000; } .view-content { margin-bottom: 45px; } } #pane-actu-passees.layout-88p { width: 100%; .panels-flexible-column.panels-flexible-column-accordion-h2-layout-1.panels-flexible-column-first { width: 100%; } } #content-inner .listing-actu-passe { h2.pane-title { margin-bottom: 7px; } .views-row-last { padding-bottom: 0px; margin-bottom: 25px; border-bottom: 1px solid #000; } .actu-pseudo-title { font-family: OpenSansBold, verdana,arial,helvetica,sans-serif; font-size: 20px; line-height: 20px; } .actu-pseudo-subtitle { font-family: OpenSansSemiBold, verdana,arial,helvetica,sans-serif; font-size: 20px; line-height: 20px; } } body #cboxClose, body #cboxPrevious, body #cboxNext { border: 0; } /* A REPRENDRE ET ETENDRE A TOUS LES TYPES DE CONTENUS */ body.panel-theme-europe #content-inner h1#page-title { display: none; } body.panel-theme-europe .panels-flexible-row-popsu-74-26-stacked-8.panels-flexible-row-first { display: none; } body.panel-theme-europe #content-inner .panels-flexible-region-popsu-74-26-stacked-right{ border-top: 1px solid #000; .accordion-trigger, .accordion-h2{ border-bottom: 1px solid #000; } .accordion-h2-panel{ margin-bottom: 0px; padding-bottom: 5px; } .accordion-trigger .views-field, .accordion-h2-layout .accordion-content .views-label, .accordion-h2-views .view-header, .accordion-h2-panel > h2.pane-title { border-top: none; } #accordion-h2-publication-europe .accordion-trigger { border-bottom: none; } #accordion-h2-publication-europe { border-bottom: 1px solid #000; } } /* #footer { display: none; } */ #custom-search-blocks-form-1 { .form-item-custom-search-types { display: none; } .form-actions { border: none; background: none; margin: 0; padding: 0; } .form-item-custom-search-blocks-form-1, #edit-actions, .form-actions:before, .form-actions:after { display: inline; } label, input, #edit-submit { display: inline-block; } } body.page-search.popsu-neutral-section #main-wrapper #content-wrapper #content-inner, body.popsu-neutral-section.page-search #main-wrapper #content-wrapper #content-inner { margin-right: 100px; min-height: 450px; } body.page-recherche.popsu-neutral-section #main-wrapper #content-wrapper #content-inner { min-height: 450px; } #accordion-h2-lire-aussi { .view-content { padding-top: 8px; } a { color: #1A171A; } h3 { font-weight: normal; font-style: italic; font-family: OpenSansRegular,Helvetica,Arial,sans-serif; } } .captioned .flex-caption { position: relative; z-index: 2; margin-top: -35px; } body.node-type-popsu-ville .captioned .flex-caption { margin-top: -20px; }