/** * @file * Block Styling */ .block /* Block wrapper */ { } .block.first /* The first block in the region */ { } .block.last /* The last block in the region */ { } .block.odd /* Zebra striping for each block in the region */ { } .block.even /* Zebra striping for each block in the region */ { } h2.block-title /* Block title */ { } .block .content /* Block's content wrapper */ { } #block-aggregator-category-1 /* Block for the latest news items in the first category */ { } #block-aggregator-feed-1 /* Block for the latest news items in the first feed */ { } #block-block-1 /* First block created with "Add block" link */ { } #block-blog-recent /* "Recent blog posts" block */ { } #block-book-navigation /* "Book navigation" block for the current book's table of contents */ { } #block-comment-recent /* "Recent comments" block */ { } #block-forum-active /* "Active forum topics" block */ { } #block-forum-new /* "New forum topics" block */ { } /* Language switcher block */ /* *********************** */ #block-locale-language { position:relative; width:120px; left:840px; top:17px; float:left } #block-locale-language ul.language-switcher-locale-url { padding:0; margin:0; } #block-locale-language li { padding:0 17px 0 0; margin:0; float:left; list-style: none; background-image:url(../images/language-separator.png); background-repeat:no-repeat; background-position: top right; line-height:.8em; } #block-locale-language li.last { padding:0; margin:0; float:left; list-style: none; background-image:none; } #block-locale-language li a { text-decoration:none; color:#7a756e; font-family:"RobotoCondensed"; padding:0; margin:0; line-height:.8em; } #block-locale-language li a:selected { text-decoration:none; color:#7a756e; } #block-locale-language li a:hover { text-decoration:none; color:#484c4f; } #block-locale-language li a.active { text-decoration:none; color:#484c4f; font-family:"RobotoBoldCondensed" } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-locale-language /* Language switcher block */ { position:relative; width:120px; left:200px; top:17px; float:left; } } /* iPhone Landscape */ @media screen and (max-device-width:480px) and (orientation:landscape) { #block-locale-language /* Language switcher block */ { position:relative; width:120px; left:360px; top:17px; float:left; } } #block-menu-menu-NAME /* Custom menu block */ { } #block-node-recent /* "Recent content" block */ { } #block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ { } #block-poll-recent /* "Most recent poll" block */ { } #block-profile-author-information /* "Author information" block for the profile of the page's author */ { } /* Search block */ /* ************ */ #block-search-form /* "Search form" block */ { position:relative; width:120px; left:840px; top:33px; height:40px; clear:both; float:left; } #block-shortcut-shortcuts /* "Shortcuts" block */ { } #block-statistics-popular /* "Popular content" block */ { } #block-system-main-menu /* "Main menu" block */ { } #block-system-management /* "Management" block for Drupal management menu */ { } #block-system-navigation /* "Navigation" block for Drupal navigation menu */ { } #block-system-user-menu /* "User menu" block for Drupal user menu */ { } #block-system-help /* "System help" block */ { } #block-system-main /* "Main page content" block */ { } #block-system-powered-by /* "Powered by Drupal" block */ { } #block-user-login /* "User login form" block */ { } #block-user-new /* "Who's new" block for a list of the newest users */ { } #block-user-online /* "Who's online" block for a list of the online users */ { } /* Bloc de bannière - Overlay image temporaire */ /* ******************************************* */ #block-block-1 { margin-top:294px; position:absolute; width:960px; height:152px; z-index:350;} #block-block-1 #picture-navigation-overlay { margin-top:0px; position:absolute; width:960px; height:152px; z-index:351; background-image:url(../images/picture-navigation-overlay.png); background-repeat:no-repeat; background-position: bottom left; } #block-block-1 #picture-navigation-overlay .caption { position:absolute; margin:122px 0 0 0; padding:0; width:960px; height:30px; z-index:352; } #block-block-1 #picture-navigation-overlay .caption p { color:#FFFFFF; font-family:"RobotoCondensed"; font-size:12px; margin:0; padding:6px 0 0 10px; } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-1 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-1 { width:480px; display:none; } } /* Bloc de bannière - Slogan/Tagline du site en caractères stiffy sur la bannière image */ /* ************************************************************************************ */ #block-block-2 { position:absolute; margin:94px 0 0 180px; width:680px; height:190px; z-index:352; } #tagline-en { position:absolute; margin:0px; width:680px; height:292px; background-image:url(../images/banner-logo.png); background-repeat: no-repeat; background-position: left top; z-index:353; } #tagline-fr { position:absolute; margin:0px; width:680px; height:292px; background-image:url(../images/banner-logo.png); background-repeat: no-repeat; background-position: left top; z-index:353; } #tagline-nl { position:absolute; margin:0px; width:680px; height:292px; background-image:url(../images/banner-logo.png); background-repeat: no-repeat; background-position: left top; z-index:353; } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-2 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-2 { width:480px; display:none; } } /* Bloc de bannière - Call to action - Numéro de téléphone, bouton mail et devis */ /* ***************************************************************************** */ #block-block-3 { margin-top:446px; position:absolute; width:960px; height:99px; background-image:url(../images/calltoaction-bkg.png); background-repeat: no-repeat; background-position: left top; z-index:349; vertical-align:top;} #cto-tel-column { display:inline-block; width:480px;} #cto-tel { background-color:#1e3245; color:#FFFFFF; height:24px; padding:5px 20px 7px 53px; -webkit-border-radius: 6px; border-radius: 6px; margin:35px 0 0 10px; font-family:"RobotoBoldCondensed"; font-size:2em; line-height:1em; background-image:url(../images/cto-tel-bkgl.png); background-repeat:no-repeat; background-position:left center; display:inline-block; } #cto-git { display:inline-block; } #cto-git a { border: double 3px #fff; color:#FFFFFF; height:23px; padding:7px 39px 3px 20px; -webkit-border-radius: 7px; border-radius: 7px; color:#FFFFFF; text-decoration:none; font-family:"RobotoBoldCondensed"; font-size:1.4em; line-height:1em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/cto-git-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } #cto-git a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/cto-git-bkg.png) no-repeat right center; } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-3 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-3 { width:480px; display:none; } } /* Bloc de bannière & footer - Réseaux sociaux */ /* ******************************************* */ #block-block-9 { position:absolute; margin:406px 0 0 730px; width:230px; height:42px; z-index:355; vertical-align:top;} #social-links-banner ul, #social-links-footer { margin:0; padding:0; } #social-links-banner li, #social-links-footer li { margin:0; padding:0 10px 0 0; float:left; list-style: none;} /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-9 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-9 { width:480px; display:none; } } /* Bloc de bas de page - Quatre colonnes de liens utiles */ /* ****************************************************** */ #block-block-5, #block-block-7, #block-block-8 { clear:both; padding:26px 40px 34px 40px; width:940px; } #block-panels-mini-bas-de-page-en-quatre-colonnes { clear:both; padding:26px 40px 34px 40px; width:940px; float:left } #block-panels-mini-bas-de-page-en-quatre-colonnes .panels-flexible-region-4-center { width:100%} #block-panels-mini-bas-de-page-en-quatre-colonnes a { text-decoration:none; color:#d1cbc1; } #block-panels-mini-bas-de-page-en-quatre-colonnes a:hover { text-decoration:none; color:#fff; } #block-panels-mini-bas-de-page-en-quatre-colonnes .panel-separator { margin:0; padding:0; height:0; width:0; display:none;} #block-block-5 p, #block-block-7 p, #block-block-8 p { margin-top:0; padding:0 10px 20px 0; } .region-footer-colum, #block-views-home-services-list-block, #block-views-team-block, #block-block-17, .pane-block-17, #block-block-18, .pane-block-18, #block-block-16--2, .pane-block-16--2, #block-block-16, .pane-block-16, #block-block-19, .pane-block-19, #block-block-20, .pane-block-20, #block-block-21, .pane-block-21, .pane-home-services-list, .pane-team { width:220px; display: inline-block; margin-right:16px; vertical-align:top; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; color:#d1cbc1; line-height:16px; } .region-footer-column-last, #block-block-19, .pane-block-19, #block-block-20, .pane-block-20, #block-block-21, .pane-block-21 { margin-right:0; width:220px;} .region-footer-colum h2, #block-views-home-services-list-block h2, #block-views-team-block h2, #block-block-17 h2, .pane-block-17 h2, #block-block-18 h2, .pane-block-18 h2, #block-block-16--2 h2, .pane-block-16--2 h2, #block-block-16 h2, .pane-block-16 h2, #block-block-19 h2, .pane-block-19 h2, #block-block-20 h2, .pane-block-20 h2, #block-block-21 h2, .pane-block-21 h2, .pane-home-services-list h2.pane-title, .pane-team h2.pane-title { width:100%; margin:0 0 18px 0; padding:0 0 8px 0; text-transform:uppercase; border-bottom:solid 1px #d1cbc1; color:#FFFFFF; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; } .team-player { margin-bottom:10px; height:72px; padding-left:66px;} .team-jan { background-image:url(../images/teamplayer-jan.jpg); background-repeat:no-repeat; background-position:left top;} .team-elisa { background-image:url(../images/teamplayer-elisa.jpg); background-repeat:no-repeat; background-position:left top;} .team-christof { background-image:url(../images/teamplayer-kristof.jpg); background-repeat:no-repeat; background-position:left top;} #block-views-team-block .group-left, .pane-team .group-left { width:66px; display:inline-block; margin-bottom:10px;} #block-views-team-block .group-right, .pane-team .group-right { width:140px; display:inline-block; margin-bottom:10px;} #block-views-team-block .ds-2col .group-right .field-name-title, .pane-team .ds-2col .group-right .field-name-title { margin-top:0} #block-views-team-block .ds-2col .group-right .field-items, .pane-team .ds-2col .group-right .field-items { padding-right:0} .pane-block-16 p, .pane-block-17 p, .pane-block-18 p { margin-bottom:0; margin-top:1.3em;} .pane-team .pane-team-link, .pane-about-link { margin-top:8px; } .pane-home-services-list a, .pane-team .pane-team-link a, .pane-about-link a { background-image:url(../images/footer-link-arrow.png); background-position:left center; background-repeat:no-repeat; padding-left:12px; } .pane-home-services-list .views-field-title { margin-bottom:7px; } .node-team-member .field-name-field-team-fullname .field-items .field-item { margin:20px 0 8px 0; padding:0; font-family:"Maven-Pro-Regular"; font-size:30px; line-height:28px; color:#575552; } .pane-team .group-right .field-name-field-team-fullname .field-items .field-item,.pane-team .group-right .field-name-field-team-function .field-items .field-item { margin:0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; color:#D1CBC1; } .ds-2col.node-team-member.view-mode-full { margin:0 0 2em 0; display:inline-block; width:960px; } .node-team-member .field-name-field-team-picture { display:inline-block; width:220px; margin-right:20px;} .node-team-member .field-name-field-team-function { margin-bottom:1.5em;} .node-team-member p { margin:0 0 1.5em 0;} .node-team-member .field-name-field-team-email a {border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; margin-top:1.5em; } .node-team-member .field-name-field-team-email a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; text-decoration:none } /* iPad landscape*/ @media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation:landscape) { #block-block-5, #block-block-7, #block-block-8 { display:none; } } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-5, #block-block-7, #block-block-8 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-5, #block-block-7, #block-block-8 { width:480px; display:none; } } /* Bloc de bas de page - Logos des partenaires et sponsors sur fond noir */ /* ********************************************************************* */ #block-block-6 { clear:both; padding:0px 40px 0px 40px; height:98px; background-color:#000000; } #block-block-6 > div.content, #block-block-5 > div.content, { margin:0; padding:0; } .partner-logo {margin-top:10px; display:inline-block; float:right; padding-left:35px; vertical-align:top; } .partner-logo-sbv {width:110px; height:80px; background-image:url(../images/partner-logo-sbv.jpg); background-repeat: no-repeat; background-position:left top; display:inline-block; } .partner-logo-rbc {width:154px; height:80px; background-image:url(../images/partner-logo-rbc.jpg); background-repeat: no-repeat; background-position:left top; display:inline-block; } .partner-logo-bot {width:200px; height:80px; background-image:url(../images/partner-logo-bot.jpg); background-repeat: no-repeat; background-position:left top; display:inline-block; } .partner-logo > a { text-decoration:none; border:0; } .partner-logo > a > span { visibility:hidden; } /* iPad Landscape */ @media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation:landscape) { #block-block-6 { display:none; } } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-6 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-6 { width:480px; display:none; } } /* Bloc de bas de page - Mentions légales */ /* ************************************** */ #block-block-4 { clear:both; } #block-block-4 p { padding:0px 40px 34px 40px; font-size:11px; font-weight:normal; font-family:"RobotoMedium"; color:#484c4f; } /* iPhone Portrait */ @media only screen and (max-device-width:480px) and (orientation:portrait) { #block-block-4 { width:320px; display:none; } } /* iPhone Landscape */ @media screen and (max-device-width: 480px) and (orientation:landscape) { #block-block-4 { width:480px; display:none; } } .legal-phone { background-image:url(../images/iconphone-grey.png); background-repeat:no-repeat; background-position:left center; padding-left:12px; } .legal-fax { background-image:url(../images/iconfax-grey.png); background-repeat:no-repeat; background-position:left center; padding-left:12px; } .legal-adress { background-image: url(../images/iconadress-grey.png); background-repeat:no-repeat; background-position:left center; padding-left:12px; } .contact-phone { background-image:url(../images/iconphone-b-black.png); background-repeat:no-repeat; background-position:left center; padding-left:19px; height:16px; } .contact-fax { background-image:url(../images/iconfax-b-black.png); background-repeat:no-repeat; background-position:left center; padding-left:19px; height:16px; } .contact-adress { background-image: url(../images/iconadress-b-black.png); background-repeat:no-repeat; background-position:left center; padding-left:19px; height:16px; } /* Pictos liens sociaux (Facebook, Twitter, Google+, Flick'r,You Tube, etc */ .picto-social-facebook { width:32px; height:32px; background-image: url(../images/social-picto-facebook.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } a.picto-social-facebook:hover { width:32px; height:32px; background-image: url(../images/social-picto-facebook-hover.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } .picto-social-facebook > span { visibility:hidden; display:none; } .picto-social-flickr { width:32px; height:32px; background-image: url(../images/social-picto-flickr.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } a.picto-social-flickr:hover { width:32px; height:32px; background-image: url(../images/social-picto-flickr-hover.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } .picto-social-flickr > span { visibility:hidden; display:none; } .picto-social-twitter { width:32px; height:32px; background-image: url(../images/social-picto-twitter.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } a.picto-social-twitter:hover { width:32px; height:32px; background-image: url(../images/social-picto-twitter-hover.png); background-repeat:no-repeat; background-position:left top; display:inline-block; } .picto-social-twitter > span { visibility:hidden; display:none; } #block-block-10, #block-block-11 { display:inline-block; width:430px; vertical-align:top; margin-left:-10px; } .location-digest-title h2 { margin:30px 0 30px 0; padding:0 0 0 10px; font-family:"Maven-Pro-Regular"; font-size:30px; line-height:28px; color:#575552; } .location-digest-item { clear:both; display:block; width:420px; min-height:150px; } .location-digest-visu { float:left; width:190px; text-align:left; vertical-align:top; } .location-digest-visu span { visibility:hidden; display:none; } .location-digest-text { float:right; width:230px; text-align:left; padding:4px 0 0 0; vertical-align:top; } .location-digest-text h3 { margin:0 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .location-digest-text p { margin:0 0 10px 0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; } /* Styles temporaires le temps de dynamiser la rubrique Locations */ .location-digest-visu-silos { display:block; width:170px; height:110px; background-image:url(../images/location-home-silos-visu.png); background-repeat:no-repeat; background-position:left top;} .location-digest-visu-studio3 { display:block; width:170px; height:110px; background-image:url(../images/location-home-studio3-visu.png); background-repeat:no-repeat; background-position:left top;} .location-digest-visu-studio2 { display:block; width:170px; height:110px; background-image:url(../images/location-home-studio2-visu.png); background-repeat:no-repeat; background-position:left top;} .location-digest-visu-studio1 { display:block; width:170px; height:110px; background-image:url(../images/location-home-studio1-visu.png); background-repeat:no-repeat; background-position:left top;} #block-block-12, #block-block-13 { clear:both; display:inline-block; width:400px; vertical-align:top; margin-left:60px;} .maintenance-alert-title h2 { margin:30px 0 30px 0; padding:0px; font-family:"Maven-Pro-Regular"; font-size:30px; line-height:28px; color:#575552; } /* VIEWS */ /* ***** */ /* Styles communs */ .more_info a { border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } .more_info a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; } .panel-col-last .pane-content { display:inline-block; width:400px; vertical-align:top;} .panel-separator { margin:0; padding:0; height:0; width:0; display:none; visibility:hidden; } /* Styles de la rubrique next events */ /* Bloc "latest events" homepage */ /* 09 février 2014 - 19h50 - F. Mignon */ .pane-next-event { margin-right:10px; } .pane-next-event .pane-content { -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-image:url(../images/next-events-bkg.png); padding:10px; margin-top:2em; } .view-next-event .views-field-title a { margin: 0 0 7px 0; padding: 0; text-transform: uppercase; font-family: "RobotoBoldCondensed"; font-size: 20px; line-height: 20px; color: #1e3245; text-decoration:none;} .view-next-event .views-field-title a.hover { text-decoration:none;} .view-next-event p { margin: 0 0 10px 0; padding: 0; font-size: 13px; font-weight: normal; font-family: "RobotoMedium"; line-height: 16px; color: #484c4f; } .view-next-event .views-field-view-node a { border: double 3px #fff; color: #FFFFFF; height: 11px; padding: 3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color: #FFFFFF; text-decoration: none; font-family: "RobotoCondensed"; font-size: .9em; line-height: .8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display: inline-block; text-transform: uppercase; } .view-next-event .views-field-view-node a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; } /* Styles de la rubrique News (blocs et pages) */ /* 25 mai 2012 - 16h39 - F. Mignon */ /* Bloc "latest news" homepage */ .view-latest-news .view-header { margin-top:2em;} .view-latest-news .view-content .views-row { margin:9px 0 0 -12px ; display:block;} .view-latest-news .view-content .views-row a { margin:10px 0 5px 0; padding-left:12px; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; text-decoration:none; color:#484c4f; background-image:url(../images/content-link-arrow.png); background-position:left top; background-repeat:no-repeat; display:block; } .view-latest-news .view-content .views-row a:hover { color:#000; } .view-latest-news .view-footer { margin-top:16px;} /* Page News - Liste */ /* 3 décembre 2012 - F. Mignon */ .view-id-news { margin:30px 0 75px 0; } .view-id-news .views-row { clear: both; display: block; width: 460px; min-height: 100px; } .view-id-news .group-left { float: left; width: 179px; text-align: left; vertical-align: top; margin-bottom:35px; } .view-id-news .group-right { width: 281px; text-align: left; vertical-align: top; margin-bottom:0; } .view-id-news .group-right .field-name-field-news-date span { font-size: 13px; font-weight: normal; font-family: "RobotoMedium"; line-height: 16px; } .view-id-news .group-right .field-name-title h3 { font-size:1em; margin:0; } .view-id-news .group-right .field-name-title h3 a { text-decoration:none; } .view-id-news .group-right .field-name-body { padding-bottom:0;} .view-id-news .group-right .field-name-body p { margin: 0 0 10px 0; padding: 0; font-size: 13px; font-weight: normal; font-family: "RobotoMedium"; line-height: 16px; color: #484C4F;} .view-id-news .group-right .field-name-node-link a { border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } .view-id-news .group-right .field-name-node-link a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; } /* Page News - Details (level 2) */ #news_level2 { margin: 5px 0px 75px 0px; } #news_level2 .pane-node-title { margin:0; padding:0; font-family: "Maven-Pro-Regular"; font-size: 30px; line-height: 28px; color: rgb(87, 85, 82);} #news_level2 .pane-node-field-news-date { padding:0; margin:0; } #news_level2 .pane-node-field-news-video-youtube {margin-top:25px;} #news_level2 .media-youtube-player { width:400px; height:260px;} #news_level2 .field-name-field-news-video-youtube object { width:400px; height:270px;} /* variante Flick'r */ #news_level2 .panel-col-last { margin-top:40px;} #news_level2 .panel-col-last p { margin:0 0 1.5em 0;} #news_level2 .pane-widgets-s-socialmedia-share-default {margin-top:15px;} #news_level2 .widgets-element-horizontal { padding-right:8px; } #news_level2 .pane-widgets-s-addthis-share {margin:0 0 15px 0;} /* Styles de la rubrique Locations dynamique (blocs et pages) */ /* 03 décembre 2012 - F. Mignon */ .node-location .field-name-locations-code-field { margin:1.5em 0 0 0; padding:0; font-family: 'RobotoBoldCondensed', Arial, sans-serif; text-transform: uppercase; font-size:2em; color:#000000; } .node-location .location-title { margin: 32px 0 20px 0;} .node-location .group-right { margin-bottom:75px; width:48%; } .node-location .group-right .field-label, .node-location .group-left .field-name-field-location-capacity .field-label { margin: 0 0 7px 0; padding: 7px 0 0 0; text-transform: uppercase; font-family: "RobotoBoldCondensed"; font-size: 1em; line-height: 1em; color: #1E3245; font-weight:100;} .node-location .group-right p { margin:.1em 0 1em 0;} .node-location .group-right .field-name-field-location-summary .field-item { margin:0 0 .5em 0;} /* 15 mai 2012 - 22h30 - F. Mignon */ h2.location-digest, h2.pane-title, #location-digest-header p { margin:20px 0 0 0; padding:0 20px 0 0; font-family:"Maven-Pro-Regular"; font-size:30px; line-height:28px; color:#575552; } .pane-locations h2.pane-title { } .view-locations { display:inline-block; width:430px; vertical-align:top; margin-top:30px; margin-left:-10px; } .view-locations .views-row { clear:both; display:block; width:420px; min-height:150px; } .view-locations .home_location_img { float:left; width:190px; text-align:left; vertical-align:top; } .view-locations .home_location_img img { display:block; width:170px; height:110px; } .view-locations h3 { margin:0 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .view-locations p.home-text { margin:0 0 10px 0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; } .field-name-field-location-img-gal { margin-bottom:2em;} .location-table { width:400px; padding:0; margin:1em 0 1em 0 } .location-table td { padding:.3em 2.5em .3em .3em; } .location-table tr { border-bottom:1px solid #999999; } /* iPad Portrait Style */ /*@media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation:portrait) { .view-locations { width:100%; vertical-align:top; margin-top:30px; margin-left:-10px; clear:both; } .view-locations .views-row { display:inline-block; width:384px; min-height:150px; } .view-locations .home_location_img { float:left; width:190px; text-align:left; vertical-align:top; } .view-locations .home_location_img img { display:block; width:170px; height:110px; } .view-locations h3 { margin:0 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .view-locations p.home-text { margin:0 10px 10px 0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; } .more_info a { border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } .more_info a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; } .panel-col-last .pane-content { width:768px; vertical-align:top; } } */ /* iPad Landscape Style */ /*@media only screen and (min-device-width:481px) and (max-device-width: 1024px) and (orientation:landscape) { .view-locations { width:100%; vertical-align:top; margin-top:30px; margin-left:-10px; clear:both; } .view-locations .views-row { display:inline-block; width:172px; min-height:150px; vertical-align:top; padding-right:20px; } .view-locations .home_location_img { float:left; width:170px; text-align:left; vertical-align:top; } .view-locations .home_location_img img { display:block; width:170px; height:110px; padding-bottom:7px; } .view-locations h3 { margin:0 0 7px 10px; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .view-locations p.home-text { margin:0 0 10px 10px; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; min-height:62px; } .more_info a { margin-left:10px; } .panel-col-last .pane-content { width:940px; vertical-align:top;} }*/ /* iPhone Portrait */ /*@media only screen and (max-device-width:480px) and (orientation:portrait) { .view-locations { width:100%; vertical-align:top; margin-top:30px; margin-left:-10px; clear:both; } .view-locations .views-row { display:inline-block; width:280px; min-height:150px; vertical-align:top; padding-right:20px; } .view-locations .home_location_img { float:left; width:280px; text-align:left; vertical-align:top; } .view-locations .home_location_img img { display:block; width:170px; height:110px; padding-bottom:7px; } .view-locations h3 { display:block; margin:0 0 7px 10px; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .view-locations p.home-text { margin:0 0 10px 10px; padding:0; font-size:1.2em; line-height:1.4em; font-weight:normal; font-family:"RobotoMedium"; color:#484c4f; } .more_info a { margin:0 0 35px 10px; border:none; color:#FFFFFF; height:19px; padding:4px 19px 3px 5px; -webkit-border-radius: 6px; border-radius: 6px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:1.1em; line-height:1em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } .panel-col-last .pane-content,.panel-col-last .pane-title { width:320px; display:none } } */ /* iPhone Landscape */ /*@media screen and (max-device-width: 480px) and (orientation:landscape) { .view-locations p.home-text { padding:0; font-size:1.2em; line-height:1.4em; font-weight:normal; font-family:"RobotoMedium"; color:#484c4f; } .more_info a { margin:20px 0 35px 190px; border:none; color:#FFFFFF; height:19px; padding:4px 19px 3px 5px; -webkit-border-radius: 6px; border-radius: 6px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:1.1em; line-height:1em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:block; width:140px; text-transform:uppercase; } .panel-col-last .pane-content,.panel-col-last .pane-title { width:480px; display:none } }*/ /* Styles de la rubrique Services dynamique (blocs et pages) */ /* 25 mai 2012 - 10h25 - F. Mignon */ h2.services-digest, h2.pane-title, #services-digest-header p { margin:20px 0 0 0; padding:0 20px 0 0; font-family:"Maven-Pro-Regular"; font-size:30px; line-height:28px; color:#575552; } .view-services { display:inline-block; width:430px; vertical-align:top; margin-top:30px; margin-left:-10px; } .view-services .views-row { clear:both; display:block; width:420px; min-height:150px; } .view-services .home_location_img { float:left; width:190px; text-align:left; vertical-align:top; } .view-services .home_location_img img { display:block; width:170px; height:110px; } .view-services h3 { margin:0 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .view-services p.home-text { margin:0 0 10px 0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; color:#484c4f; } /* 3 décembre 2012 - F. Mignon */ .node-service .group-left { margin-bottom:75px; } .node-service .group-right { margin-bottom:75px; width:48%; } .node-service .group-right h2.service-title { margin: 32px 0 20px 0;} .node-service .field-item ul { margin:0; padding:0; } .node-service .field-item li { margin:0; padding:4px 0 3px 0; list-style: none; } .node-service .field-item li a { background-image:url(../images/content-link-arrow.png); background-position:left center; background-repeat:no-repeat; padding:0 0 0 12px; color:#484c4f } .node-service .field-item li a:hover { color:#000000; text-decoration:none;} .dropshadow { -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .2);} /* Styles de la page Contact (page) */ /* 5 juin 2012 - F. Mignon */ .node-contact { margin-top:20px;} .ds-2col .group-left .field-name-field-access-abstract p, .ds-2col .group-left .field-name-field-access-abstract ul { width:440px } .ds-2col .group-left .field-name-field-access-abstract ul { margin:1em; padding:0; width:400px } .ds-2col .group-left .field-name-field-access-abstract ul li { margin:.5em; padding:0; } .field-name-field-access-abstract { margin-bottom:30px;} .field-name-field-access-adress, .field-name-field-access-map { margin-bottom:20px; width:420px;} .field-name-field-access-map .field-label, .field-name-field-access-map-file .field-label { font-weight:normal} .node-contact .field-name-field-access-map a.button {border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; margin-top:.4em; } .node-contact .field-name-field-access-map a.button:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; text-decoration:none } #cto-contactform { margin-top:30px;} #cto-contactform a { border: double 3px #fff; color:#FFFFFF; height:23px; padding:7px 39px 3px 20px; -webkit-border-radius: 7px; border-radius: 7px; color:#FFFFFF; text-decoration:none; font-family:"RobotoBoldCondensed"; font-size:1.4em; line-height:1em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(12, 132, 197) url(../images/cto-git-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; } #cto-contactform a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(12, 105, 156) url(../images/cto-git-bkg.png) no-repeat right center; } .field-name-contact-team-list h2.block-title { margin:30px 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:20px; line-height:20px; color:#1e3245; } .field-name-contact-team-list .group-left { width:66px; display:inline-block; margin-bottom:10px;} .field-name-contact-team-list .group-right { width:140px; display:inline-block; margin-bottom:10px;} .field-name-contact-team-list .group-right .field-name-field-team-fullname .field-items .field-item, .field-name-contact-team-list .group-right .field-name-field-team-function .field-items .field-item { margin:0; padding:0; font-size:13px; font-weight:normal; font-family:"RobotoMedium"; line-height:16px; } .field-name-contact-team-list .pane-team-link a {border: double 3px #fff; color:#FFFFFF; height:11px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; display:inline-block; text-transform:uppercase; margin-top:.4em; } .field-name-contact-team-list .pane-team-link a:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; text-decoration:none } #about-body .pane-node-field-about-section-collection { margin-top:2em;} #about-body .field-collection-container { border:none; } #about-body .field-collection-view { margin:0; padding:0;} #about-body .field-name-field-about-col-section-image { float: left; display: inline-block; width:220px; margin-right:20px;} #about-body fieldset { margin:0; padding:0; width:460px; display:inline-block; } #about-body .field-name-field-about-col-section-body p { font-size:13px; line-height:16px; margin:.8em 0} #about-body .field-name-field-about-col-section-title { margin:0 0 7px 0; padding:0; text-transform:uppercase; font-family:"RobotoBoldCondensed"; font-size:1em; line-height:1em; color:#1e3245; } #block-views-top-banner-block { margin-top:95px; width:960px; height:352px; position:absolute; background-image:url(../images/banner-000.jpg); background-repeat: no-repeat; background-position: left top;} #block-views-top-banner-block h2 { display:none; visibility:hidden;} #block-views-top-banner-block .form item { display:none; visibility:hidden;} #block-views-top-banner-block .form item label { display:none; visibility:hidden;} /* 13 mars 2013 - F. Mignon */ .node-event .field-name-field-event-picture { float: left; width: 50%; margin-bottom:2em;} .node-event .field-name-body { float: right; width: 50%;}