/** * Project style sheet. * * @package vanilla * @subpackage css * @author Loops * @version SVN: $Id: styles.css 29 2013-09-12 08:24:09Z loops $ */ /*------------------------------------------------- DEFAULTS ---------------------------------------------------*/ /* declare the default font and color here */ html { font-size: 10px; font-size: 62.5% /* = 10px */; } body, button, input, select, textarea { font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* links */ a, .fake-link { color: #30ba41; text-decoration: underline; } a:hover, .fake-link:hover { text-decoration: none; } /* titles, will be usefull to have a class */ h1, .h1 { color: #262262; font-weight: normal; border-bottom: 1px solid #262262; margin: 0; margin-bottom: 8px; padding-bottom: 8px; font-size: 30px; font-size: 3rem; } h2, .h2 { color: #262262; font-weight: normal; border-bottom: 1px solid #262262; margin: 0; margin-bottom: 8px; padding-bottom: 8px; font-size: 26px; font-size: 2.6rem; } h3, .h3 { color: #262262; font-weight: normal; margin: 0; font-size: 18px; font-size: 1.8rem; border-bottom: 1px solid #262262; margin-bottom: 8px; padding-bottom: 8px; } h4, .h4 {} h5, .h5 {} h6, .h6 {} /* lists */ ul { list-style-type: square; } ul ul, ol ol { color: #999; font-style: italic; } li.vanilla:before {} /* blockquote */ blockquote { position: relative; padding-left: 35px; font-style: italic; background: #f0f6f1; padding: 25px 50px; display: block; margin: 35px 0; } blockquote:before { content: "“"; font-style: normal; font-size: 60px; color: #30ba41; position: absolute; left: 12px; top: 12px; height: 35px; display: block; } blockquote:after { content: "”"; font-style: normal; font-size: 60px; color: #30ba41; position: absolute; right: 25px; bottom: 12px; height: 35px; display: block; } /* tables */ table { width: 100%; } th, td { padding: 10px 15px; text-align: left; } thead th, thead td { background: #262262; color: white; text-align: left; font-weight: normal; padding: 10px 15px; } tbody tr:nth-child(2n+1) th, tbody tr:nth-child(2n+1) td { background: #f2f2f2; } /* selected text */ ::selection { background-color: #262262; color: white; } ::-moz-selection { background-color: #262262; color: white;} /* miscellaneous */ abbr[title] { border: 0 } small, .small { font-size: 75%; } big, .big { font-size: 150%; } img { max-width: 100%; } /* fonts */ .font-0 { font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif; } /* colors */ .cl-0 { color: #262262; } .cl-1 { color: #30ba41; } .bg-0 { background-color: #262262; } .bg-1 { background-color: #30ba41;} /* Buttons */ .button { background-color: #186098; color: white; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; text-decoration: none; padding: 10px 20px; display: inline-block; position: relative; z-index: 20; } .button:hover { background-color: #262262; } .button:after { content: ""; display: block; background-color: red; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; z-index: -20; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGZiYmRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjMjU2ODlkIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjU2ODlkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(-45deg, rgba(143,187,221,1) 0%, rgba(37,104,157,0.7) 30%, rgba(37,104,157,0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(143,187,221,1)), color-stop(30%,rgba(37,104,157,0.7)), color-stop(100%,rgba(37,104,157,0))); background: -webkit-linear-gradient(-45deg, rgba(143,187,221,1) 0%,rgba(37,104,157,0.7) 30%,rgba(37,104,157,0) 100%); background: -o-linear-gradient(-45deg, rgba(143,187,221,1) 0%,rgba(37,104,157,0.7) 30%,rgba(37,104,157,0) 100%); background: -ms-linear-gradient(-45deg, rgba(143,187,221,1) 0%,rgba(37,104,157,0.7) 30%,rgba(37,104,157,0) 100%); background: linear-gradient(135deg, rgba(143,187,221,1) 0%,rgba(37,104,157,0.7) 30%,rgba(37,104,157,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbbdd', endColorstr='#0025689d',GradientType=1 ); } /* Read more */ .read-more:after { display: inline; content: "\00A0""\2192"; } /* Button website */ .button-website { background: white url(images/link-external.png) 104px center no-repeat; float: right; text-decoration: none; font-size: 14px; font-size: 1.4rem; text-transform: uppercase; padding: 12px 40px 12px 20px; border-radius: 3px; color: #262262; box-shadow: inset 0 2px 2px rgba(0,0,0,.15); } .button-website:hover { text-decoration: underline; } /*------------------------------------------------- FORMS ---------------------------------------------------*/ /* elements */ .form .form-raw { width: } .form label { display: block; } .form-row { margin-bottom: 20px; } /* default */ select[name], textarea[name], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"] { border-radius: 3px; color: #262262; box-shadow: inset 0 2px 2px rgba(0,0,0,.15); border: 1px solid #ccc; padding: 6px; width: 100%; } /* hover */ select[name]:hover, textarea[name]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="date"]:hover { border-color: #999; } /* focus, active */ select[name]:focus, textarea[name]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, select[name]:active, textarea[name]:active, input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, input[type="url"]:active, input[type="date"]:active {} /* error (by default #c22b2b) */ .form-row-error select[name], .form-row-error textarea[name], .form-row-error input[type="text"], .form-row-error input[type="password"], .form-row-error input[type="email"], .form-row-error input[type="url"], .form-row-error input[type="date"] { border-color: #c22b2b; color: #c22b2b; } /* message */ .form-error { color: #c22b2b; } .form-success { color: #008913; } .form-notice { color: #008913; } /*------------------------------------------------- STRUCTURE ---------------------------------------------------*/ /* Globals ----------------------------------------*/ .sitewidth { width: 960px; margin: 0 auto; position: relative; } .col { float: left; } .col + .col { margin-left: 20px; } .col-1 { width: 225px; } .col-2 { width: 470px; } .col-3 { width: 715px; } .col-4 { width: 100%; } /* Header -----------------------------------------*/ #header { background-color: #f2f2f2; box-shadow: 0 0 5px rgba(0,0,0,0.18); left: 0; right: 0; top: 0; z-index: 100; position: relative; } #header:after { content: ""; display: block; width: 100%; height: 30px; background: url(images/header-shadow.png) center top no-repeat; position: absolute; z-index: -5; } /* Logo */ #logo { box-shadow: 0 0 5px rgba(0,0,0,0.18); padding: 40px; width: 194px; display: block; background-color: white; float: left; position: absolute; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #logo:hover { box-shadow: 0 0 20px rgba(0,0,0,0.23); } /* First nav */ .first-nav { padding: 8px 0; position: relative; left: 230px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .first-nav-item { float: left; } .first-nav-item.current .first-nav-link { text-decoration: underline; } .first-nav-item + .first-nav-item { padding-left: 10px; margin-left: 10px; border-left: 1px solid #9391b1; } .first-nav-link { font-size: 13px; font-size: 1.3rem; color: white; text-decoration: none; } .first-nav-link:hover { text-decoration: underline; } /* langswitch nav */ #langswitch-nav { position: absolute; right: 0; z-index: 1; padding: 8px 0; background-color: #f2f2f2; } .langswitch-item { float: left; padding-right: 10px; padding-left: 10px; } .langswitch-item + .langswitch-item { border-left: 1px solid #b8b8b8; } .langswitch-link { font-size: 13px; font-size: 1.3rem; color: #b8b8b8; text-decoration: none; } .langswitch-link.active { text-decoration: underline; color: #262262; } .langswitch-link:hover { text-decoration: underline; } /* Second nav */ .second-nav { margin-top: 68px; position: relative; left: 230px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .second-nav-item { float: left; display: block; border-left: 1px solid #e1e1e1; position: relative; } .second-nav-item:hover .second-nav-link { color:#262262; } .second-nav-item:last-child { border-right: 1px solid #e1e1e1; } .second-nav-link { position: relative; font-size: 16px; font-size: 1.6rem; color: #868686; text-decoration: none; text-transform: uppercase; display: block; padding: 36px 23px 23px 23px; letter-spacing: 1px; } .second-nav-link.dropdown, .second-nav-item.current .second-nav-link.dropdown { padding-right: 40px; } .second-nav-link.dropdown:after { content: ""; display: block; background: url(images/arrow-dropdown.png); width: 13px; height: 8px; position: absolute; right: 14px; top: 42px; } .second-nav-item.current .second-nav-link { color: #262262; border-bottom: 3px solid #262262; padding: 36px 23px 28px 23px; margin-bottom: -8px; background-color: white; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* SubNav */ .second-nav-item:hover .second-subnav { display: block; } .second-subnav { display: none; position: absolute; background-color: #f2f2f2; width: 250px; font-style: normal; padding: 15px; box-shadow: 0 8px 5px rgba(0,0,0,.2); } .second-nav-item.current .second-subnav { background-color: white; } .second-subnav-item + .second-subnav-item { border-top: 1px solid #e5e5e5; } .second-subnav-link { color: #868686; text-decoration: none; display: block; padding: 5px 0; } .second-subnav-link:hover { color: #262262; } /* Minimize the header on scoll */ .has-js #header { position: fixed; } .has-js .js-scroll #logo { padding: 10px; width: 100px; } .has-js .js-scroll .second-nav { margin-top: 0; left: 130px; } .has-js .js-scroll .first-nav { padding: 8px 0; position: relative; left: 130px; } .has-js .js-scroll .second-nav-link { padding: 18px 23px; } .has-js .js-scroll .second-nav-link.dropdown:after { top: 25px; } .has-js .js-scroll .second-nav-link.dropdown { padding-right: 40px; } /* Layout -----------------------------------------*/ .has-js #container { position: relative; top: 180px; } #content { margin-top: 25px; } /* Banner -----------------------------------------*/ .banner { background-color: #f2f2f2; position: relative; text-align: center; overflow: hidden; } .banner img { max-width: none; } /* Headline */ .headline { position: absolute; right: 0; bottom: 0; height: 80px; background: #30ba41; background: rgba(48, 186, 65, .8); padding: 20px 25px; } .headline .headline-title { margin: 0; border: none; font-size: 33px; font-size: 3.3rem; color: white; text-align: left; float: left; } .headline:after { content: ""; display: block; background: #30ba41; background: rgba(48, 186, 65, .8); width: 320px; position: absolute; top: 0; right: -320px; height: 80px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwYmE0MSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMwYmE0MSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(48,186,65,0.8) 0%, rgba(48,186,65,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,186,65,0.8)), color-stop(100%,rgba(48,186,65,0))); background: -webkit-linear-gradient(left, rgba(48,186,65,0.8) 0%,rgba(48,186,65,0) 100%); background: -o-linear-gradient(left, rgba(48,186,65,0.8) 0%,rgba(48,186,65,0) 100%); background: -ms-linear-gradient(left, rgba(48,186,65,0.8) 0%,rgba(48,186,65,0) 100%); background: linear-gradient(to right, rgba(48,186,65,0.8) 0%,rgba(48,186,65,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc30ba41', endColorstr='#0030ba41',GradientType=1 ); } /* Sidebar ----------------------------------------*/ #sidebar { padding-right: 15px; } /* Sidebar Nav */ .sidebar-nav-item + .sidebar-nav-item { margin-top: 7px; } .sidebar-nav-link { text-transform: uppercase; font-size: 16px; font-size: 1.6rem; color: #868686; text-decoration: none; display: block; padding: 18px 35px 18px 0; position: relative; background-color: #ebebeb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(249,249,249,1) 30%, rgba(235,235,235,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(249,249,249,1)), color-stop(100%,rgba(235,235,235,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 30%,rgba(235,235,235,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 30%,rgba(235,235,235,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 30%,rgba(235,235,235,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 30%,rgba(235,235,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ebebeb',GradientType=1 ); } .sidebar-nav-link:hover { color: #262262; } .sidebar-nav-link:hover:after { content: ""; display: block; background: url(images/arrow-right.png); width: 7px; height: 12px; position: absolute; right: 15px; top: 50%; margin-top: -6px; } .sidebar-nav-item.current .sidebar-nav-link { color: #262262; text-align: right; background-color: #d2e6f3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2YyZjhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmU2ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(242,248,251,1) 30%, rgba(210,230,243,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(242,248,251,1)), color-stop(100%,rgba(210,230,243,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(242,248,251,1) 30%,rgba(210,230,243,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(242,248,251,1) 30%,rgba(210,230,243,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(242,248,251,1) 30%,rgba(210,230,243,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(242,248,251,1) 30%,rgba(210,230,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d2e6f3',GradientType=1 ); } .sidebar-nav-item.current .sidebar-nav-link:after { content: ""; display: block; background: url(images/arrow-right.png); width: 7px; height: 12px; position: absolute; right: 15px; top: 50%; margin-top: -6px; } /* Sidebar Sub Nav */ .sidebar-subnav { display: none; margin: 10px 0 20px 0; text-align: right; font-style: normal; } .sidebar-nav-item.current .sidebar-subnav { display: block; } .sidebar-subnav-link { display: block; color: #868686; text-decoration: none; padding: 3px 35px 3px 0; } .sidebar-subnav-link:hover { color: #262262; } .sidebar-subnav-item.current .sidebar-subnav-link { color: #262262; font-style: italic; } /* Gallery ---------------------------------------*/ .gallery-list { margin: 25px -2px; } .gallery-item { float: left; margin: 2px; width: 235px; padding: 0; } .gallery-item:hover { opacity: .6 } /* Brands (only on homepage) ---------------------*/ .brands { box-shadow: 0 5px 5px #ccc; padding: 20px 0 50px 0; position: relative; z-index: 10; } .brand { height: 276px; overflow: hidden; position: relative; } .brand-title { border: none; margin: 0; padding: 0; } .brand-content { background: white; background: rgba(255,255,255,.8); width: 100%; text-align: center; padding: 15px; position: absolute; bottom: 0; } .brand-nav { display: none; padding-bottom: 20px; } .brand-nav-item + .brand-nav-item { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(0,0,0,.2); } .brand-nav-link { color: #262262; text-decoration: none; } .brand-nav-link:hover { color: #30ba41; } .brand:hover .brand-nav { display: block; } .brand:hover .brand-title { border-bottom: 1px solid #262262; padding-bottom: 15px; margin-bottom: 15px; } /* Corporate (only on homepage) -----------------*/ .corporate { background: #efefef; padding: 50px 0; } .actus-home { margin-bottom: 13px; } .actus-home-item + .actus-home-item { border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; } .actus-home-link { color: #666; text-decoration: none; } .actus-home-link:hover { color: #30ba41; } /* Contact address */ .contact-address { font-style: normal; } .contact-address .adr-contact-info, .contact-address .street-address { border-top: 1px solid #ccc; padding-top: 8px; margin-top: 8px; } /* Actualities -----------------------------------*/ .actus-item { position: relative; border-bottom: 1px solid #ebebeb; margin-bottom: 25px; padding-bottom: 25px; } .actus-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .actus-time { position: absolute; right: 0; top: 3px; color: #999; } .actus-link { color: #666; } /* Pagination ------------------------------------*/ .pagination { margin-top: 45px; } /* Footer ----------------------------------------*/ .home #footer { margin-top: 0; } #footer { color: #999; font-size: 13px; font-size: 1.3rem; padding: 20px 0; text-align: center; border-top: 1px solid #f2f2f2; margin-top: 50px; } #footer address { font-style: normal; } #footer address span { display: inline-block; } #footer address span.org { border: none; } #footer address span + span { border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; } #footer #h2a-link a { color: #ccc; font-size: 12px; font-size: 1.2rem; }