/* ==========================================================================
Grid
========================================================================== */
/*
* Example uses:
*
*
*
*
*/
/* Grid core
========================================================================== */
/**
* Grid container
* Must only contain `.grid` or `.grid__cell` components as children.
*
* 1. Adjustment for child element margins.
* 2. Ensure consistent default alignment/
* 3. Remove inter-unit whitespace that appears between `inline-block` child
* elements. Work for all non-monospace font-families. If you're using a
* monospace base font, you will need to set the `grid` font-family to
* `sans-serif` and then redeclare the monospace font on the `grid__cell`
* objects.
* 4. Protect against WebKit bug with optimizelegibility.
*/
/* line 44, ../sass/vendors/_griddle.scss */
.grid {
display: block;
padding: 0;
margin: 0 -10px;
/* 1 */
text-align: left;
/* 2 */
letter-spacing: -0.31em;
/* 3 */
text-rendering: optimizespeed;
/* 4 */
}
/**
* Opera hack
*/
/* line 58, ../sass/vendors/_griddle.scss */
.opera:-o-prefocus,
.grid {
word-spacing: -0.43em;
/* 3 */
}
/**
* Child `grid` object adjustments
* Used for more complex fixed-fluid hybrid grids.
*/
/* line 67, ../sass/vendors/_griddle.scss */
.grid > .grid {
overflow: hidden;
margin-right: 0;
margin-left: 0;
}
/**
* Grid units
* No explicit width by default. Apply `.unit-x-y` classes.
*
* 1. Fundamentals of the non-float grid layout mechanism.
* 2. Apply grid gutter.
* 3. Controls vertical positioning of units.
* 4. Keeps content correctly aligned with the grid direction.
* 5. Reset text defaults.
*/
/* line 84, ../sass/vendors/_griddle.scss */
.grid__cell {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: inline-block;
/* 1 */
margin: 0;
padding: 0 10px;
/* 2 */
vertical-align: top;
/* 3 */
text-align: left;
/* 4 */
letter-spacing: normal;
/* 5 */
word-spacing: normal;
/* 5 */
text-rendering: auto;
/* 5 */
}
/**
* Modifier: horizontally center all grid units
* Allows for automatic unit centering irrespective of the number of
* units in the grid.
*/
/* line 104, ../sass/vendors/_griddle.scss */
.grid--center {
text-align: center;
}
/**
* Modifier: horizontally center one unit
* Set a specific unit to be horizontally centered. Doesn't affect
* any other units. Can still contain a child `grid` object.
*/
/* line 114, ../sass/vendors/_griddle.scss */
.grid__cell--center {
display: block;
margin: 0 auto;
}
/* Proportional units
========================================================================== */
/*
* Specify the proportional width of an object.
* Primarily for, but not limited to, use with `.grid__cell` components.
* Intentional redundancy build into each set of unit classes.
*/
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-2--large, .unit-2-4--large, .unit-3-6--large, .unit-4-8--large, .unit-6-12--large {
width: 50%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-3--large, .unit-2-6--large, .unit-4-12--large {
width: 33.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-2-3--large, .unit-4-6--large, .unit-8-12--large {
width: 66.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-4--large, .unit-2-8--large, .unit-3-12--large {
width: 25%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-4--large, .unit-6-8--large, .unit-9-12--large {
width: 75%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-5--large {
width: 20%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-2-5--large {
width: 40%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-5--large {
width: 60%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-4-5--large {
width: 80%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-6--large, .unit-2-12--large {
width: 16.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-5-6--large, .unit-10-12--large {
width: 83.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-8--large {
width: 12.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-8--large {
width: 37.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-5-8--large {
width: 62.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-7-8--large {
width: 87.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-12--large {
width: 8.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-5-12--large {
width: 41.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-7-12--large {
width: 58.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-11-12--large {
width: 91.66667%;
}
@media (max-width: 999px) {
/* Proportional units
========================================================================== */
/*
* Specify the proportional width of an object.
* Primarily for, but not limited to, use with `.grid__cell` components.
* Intentional redundancy build into each set of unit classes.
*/
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-2--medium, .unit-2-4--medium, .unit-3-6--medium, .unit-4-8--medium {
width: 50%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-3--medium, .unit-2-6--medium {
width: 33.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-2-3--medium, .unit-4-6--medium {
width: 66.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-4--medium, .unit-2-8--medium {
width: 25%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-4--medium, .unit-6-8--medium {
width: 75%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-6--medium {
width: 16.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-5-6--medium {
width: 83.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-8--medium {
width: 12.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-8--medium {
width: 37.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-5-8--medium {
width: 62.5%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-7-8--medium {
width: 87.5%;
}
/* line 7, ../sass/base/_grid-builder.scss */
.unit-1--medium {
width: 100%;
}
}
@media (max-width: 767px) {
/* Proportional units
========================================================================== */
/*
* Specify the proportional width of an object.
* Primarily for, but not limited to, use with `.grid__cell` components.
* Intentional redundancy build into each set of unit classes.
*/
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-2--small, .unit-2-4--small {
width: 50%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-3--small {
width: 33.33333%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-2-3--small {
width: 66.66667%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-1-4--small {
width: 25%;
}
/* line 61, ../sass/vendors/_griddle-build.scss */
.unit-3-4--small {
width: 75%;
}
/* line 15, ../sass/base/_grid-builder.scss */
.unit-1--small {
width: 100%;
}
}
/* line 21, ../sass/base/_grid-builder.scss */
.ie7 .grid__cell {
display: inline;
zoom: 1;
}
/*
* www.KNACSS.com V2.6j @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/
/* ----------------------------- */
/* ==reset */
/* ----------------------------- */
/* base font-size corresponds to 10px and is adapted to rem unit */
/* line 11, ../sass/vendors/_knacss.scss */
html {
font-size: 62.5%;
}
/* line 14, ../sass/vendors/_knacss.scss */
body {
background-color: #fff;
color: #000;
font-family: helvetica, arial, sans-serif;
font-size: 1.4em;
/* equiv 14px */
line-height: 1.5;
/* adapt to your design */
}
/* font-sizing for content */
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
/* line 36, ../sass/vendors/_knacss.scss */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure {
font-size: 1em;
/* equiv 14px */
line-height: 1.5;
margin: .75em 0 0;
}
/* line 41, ../sass/vendors/_knacss.scss */
h1, .h1-like {
font-size: 1.8571em;
/* equiv 26px */
font-weight: normal;
line-height: 1.6154em;
margin: .8077em 0 0 0;
}
/* line 47, ../sass/vendors/_knacss.scss */
h2, .h2-like {
font-size: 1.7143em;
/* equiv 24px */
font-weight: normal;
line-height: 1.75em;
margin: .875em 0 0 0;
}
/* line 53, ../sass/vendors/_knacss.scss */
h3, .h3-like {
font-size: 1.5714em;
/* equiv 22px */
font-weight: normal;
line-height: 1.909em;
margin: .9545em 0 0 0;
}
/* line 59, ../sass/vendors/_knacss.scss */
h4, .h4-like {
font-size: 1.4286em;
/* equiv 20px */
font-weight: normal;
line-height: 1.05em;
margin: 1.05em 0 0 0;
}
/* line 65, ../sass/vendors/_knacss.scss */
h5, .h5-like {
font-size: 1.2857em;
/* equiv 18px */
font-weight: normal;
line-height: 1.1667em;
margin: 1.1667em 0 0 0;
}
/* line 71, ../sass/vendors/_knacss.scss */
h6, .h6-like {
font-size: 1.1429em;
/* equiv 16px */
font-weight: normal;
line-height: 1.3125em;
margin: 1.3125em 0 0 0;
}
/* alternate font-sizing */
/* line 79, ../sass/vendors/_knacss.scss */
.smaller {
font-size: .7143em;
/* equiv 10px */
}
/* line 82, ../sass/vendors/_knacss.scss */
.small {
font-size: .8571em;
/* equiv 12px */
}
/* line 85, ../sass/vendors/_knacss.scss */
.big {
font-size: 1.1429em;
/* equiv 16px */
}
/* line 88, ../sass/vendors/_knacss.scss */
.bigger {
font-size: 1.2857em;
/* equiv 18px */
}
/* line 91, ../sass/vendors/_knacss.scss */
.biggest {
font-size: 1.4286em;
/* equiv 20px */
}
/* soft reset */
/* line 100, ../sass/vendors/_knacss.scss */
html,
body,
textarea,
figure,
label {
margin: 0;
padding: 0;
}
/* line 105, ../sass/vendors/_knacss.scss */
ul,
ol {
padding-left: 2em;
}
/* line 108, ../sass/vendors/_knacss.scss */
ul.unstyled {
list-style: none;
}
/* line 114, ../sass/vendors/_knacss.scss */
code,
pre,
samp,
kbd {
white-space: pre-wrap;
font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
line-height: 1em;
}
/* line 119, ../sass/vendors/_knacss.scss */
code, kbd, mark {
border-radius: 2px;
}
/* line 122, ../sass/vendors/_knacss.scss */
em {
font-style: italic;
}
/* line 125, ../sass/vendors/_knacss.scss */
strong {
font-weight: bold;
}
/* line 128, ../sass/vendors/_knacss.scss */
kbd {
padding: 0 2px;
border: 1px solid #999;
}
/* line 132, ../sass/vendors/_knacss.scss */
code {
padding: 2px 4px;
background: rgba(0, 0, 0, 0.04);
color: #b11;
}
/* line 137, ../sass/vendors/_knacss.scss */
mark {
padding: 2px 4px;
background: #ff0;
}
/* line 142, ../sass/vendors/_knacss.scss */
sup,
sub {
vertical-align: 0;
position: relative;
}
/* line 146, ../sass/vendors/_knacss.scss */
sup {
bottom: 1ex;
}
/* line 149, ../sass/vendors/_knacss.scss */
sub {
top: .5ex;
}
/* line 153, ../sass/vendors/_knacss.scss */
table {
margin-bottom: 1.5em;
}
/* avoid top margins on first content element */
/* line 167, ../sass/vendors/_knacss.scss */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
/* avoid margins on nested elements */
/* line 174, ../sass/vendors/_knacss.scss */
li p,
li ul,
li ol {
margin-top: 0;
margin-bottom: 0;
}
/* max values */
/* line 180, ../sass/vendors/_knacss.scss */
img, table, td, blockquote, code, pre, textarea, input, video {
max-width: 100%;
}
/* pictures */
/* line 184, ../sass/vendors/_knacss.scss */
img {
height: auto;
vertical-align: middle;
}
/* Gmap3 max-width bug fix on images */
/* line 190, ../sass/vendors/_knacss.scss */
#map_canvas img,
.gmnoprint img {
max-width: none;
}
/* line 192, ../sass/vendors/_knacss.scss */
a img {
border: 0;
}
/* scripts */
/* line 195, ../sass/vendors/_knacss.scss */
body > script {
display: none !important;
}
/* skip-links */
/* line 198, ../sass/vendors/_knacss.scss */
.skip-links {
position: absolute;
}
/* line 201, ../sass/vendors/_knacss.scss */
.skip-links a {
position: absolute;
left: -7000px;
padding: 0.5em;
background: #000;
color: #fff;
text-decoration: none;
}
/* line 209, ../sass/vendors/_knacss.scss */
.skip-links a:focus {
position: static;
}
/* ----------------------------- */
/* ==layout and modules */
/* ----------------------------- */
/* switching box model for all elements */
/* line 218, ../sass/vendors/_knacss.scss */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* float layout */
/* module, contains floats (.item is the same) */
/* line 226, ../sass/vendors/_knacss.scss */
.mod, .item {
overflow: hidden;
}
/* blocks that needs to be placed under floats */
/* line 233, ../sass/vendors/_knacss.scss */
.clear,
.line,
.row {
clear: both;
}
/* blocks that must contain floats */
/* line 240, ../sass/vendors/_knacss.scss */
.clearfix:after,
.line:after,
.mod:after {
content: "";
display: table;
clear: both;
}
/* table layout */
/* line 247, ../sass/vendors/_knacss.scss */
.row {
display: table;
table-layout: fixed;
width: 100%;
}
/* line 253, ../sass/vendors/_knacss.scss */
.row > *,
.col {
display: table-cell;
vertical-align: top;
}
/* inline-block */
/* line 259, ../sass/vendors/_knacss.scss */
.inbl {
display: inline-block;
vertical-align: top;
}
/* flexbox layout */
/* line 265, ../sass/vendors/_knacss.scss */
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* line 272, ../sass/vendors/_knacss.scss */
.flex-h {
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
/* line 279, ../sass/vendors/_knacss.scss */
.flex-v {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 286, ../sass/vendors/_knacss.scss */
.flex-fluid {
-moz-box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* line 293, ../sass/vendors/_knacss.scss */
.flex-start {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
}
/* line 301, ../sass/vendors/_knacss.scss */
.flex-mid {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
-moz-order: 1;
order: 1;
}
/* line 309, ../sass/vendors/_knacss.scss */
.flex-end {
-webkit-box-ordinal-group: 42;
-moz-box-ordinal-group: 42;
-ms-flex-order: 42;
-webkit-order: 42;
-moz-order: 42;
order: 42;
}
/* alignments (blocks and inline) */
/* ------------------------------ */
/* left elements */
/* line 322, ../sass/vendors/_knacss.scss */
.left {
float: left;
}
/* line 325, ../sass/vendors/_knacss.scss */
img.left {
margin-right: 1em;
}
/* right elements */
/* line 330, ../sass/vendors/_knacss.scss */
.right {
float: right;
}
/* line 333, ../sass/vendors/_knacss.scss */
img.right {
margin-left: 1em;
}
/* line 337, ../sass/vendors/_knacss.scss */
img.left, img.right {
margin-bottom: 5px;
}
/* line 341, ../sass/vendors/_knacss.scss */
.center {
margin-left: auto;
margin-right: auto;
}
/* line 342, ../sass/vendors/_knacss.scss */
.txtleft {
text-align: left;
}
/* line 343, ../sass/vendors/_knacss.scss */
.txtright {
text-align: right;
}
/* line 344, ../sass/vendors/_knacss.scss */
.txtcenter {
text-align: center;
}
/* blocks widths (percentages and pixels) */
/* line 347, ../sass/vendors/_knacss.scss */
.w10 {
width: 10%;
}
/* line 348, ../sass/vendors/_knacss.scss */
.w20 {
width: 20%;
}
/* line 349, ../sass/vendors/_knacss.scss */
.w25 {
width: 25%;
}
/* line 350, ../sass/vendors/_knacss.scss */
.w30 {
width: 30%;
}
/* line 351, ../sass/vendors/_knacss.scss */
.w33 {
width: 33.333%;
}
/* line 352, ../sass/vendors/_knacss.scss */
.w40 {
width: 40%;
}
/* line 353, ../sass/vendors/_knacss.scss */
.w50 {
width: 50%;
}
/* line 354, ../sass/vendors/_knacss.scss */
.w60 {
width: 60%;
}
/* line 355, ../sass/vendors/_knacss.scss */
.w66 {
width: 66.666%;
}
/* line 356, ../sass/vendors/_knacss.scss */
.w70 {
width: 70%;
}
/* line 357, ../sass/vendors/_knacss.scss */
.w75 {
width: 75%;
}
/* line 358, ../sass/vendors/_knacss.scss */
.w80 {
width: 80%;
}
/* line 359, ../sass/vendors/_knacss.scss */
.w90 {
width: 90%;
}
/* line 360, ../sass/vendors/_knacss.scss */
.w100 {
width: 100%;
}
/* line 362, ../sass/vendors/_knacss.scss */
.w50p {
width: 50px;
}
/* line 363, ../sass/vendors/_knacss.scss */
.w100p {
width: 100px;
}
/* line 364, ../sass/vendors/_knacss.scss */
.w150p {
width: 150px;
}
/* line 365, ../sass/vendors/_knacss.scss */
.w200p {
width: 200px;
}
/* line 366, ../sass/vendors/_knacss.scss */
.w300p {
width: 300px;
}
/* line 367, ../sass/vendors/_knacss.scss */
.w400p {
width: 400px;
}
/* line 368, ../sass/vendors/_knacss.scss */
.w500p {
width: 500px;
}
/* line 369, ../sass/vendors/_knacss.scss */
.w600p {
width: 600px;
}
/* line 370, ../sass/vendors/_knacss.scss */
.w700p {
width: 700px;
}
/* line 371, ../sass/vendors/_knacss.scss */
.w800p {
width: 800px;
}
/* line 372, ../sass/vendors/_knacss.scss */
.w960p {
width: 960px;
}
/* line 373, ../sass/vendors/_knacss.scss */
.mw960p {
max-width: 960px;
}
/* line 374, ../sass/vendors/_knacss.scss */
.w1140p {
width: 1140px;
}
/* line 375, ../sass/vendors/_knacss.scss */
.mw1140p {
max-width: 1140px;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
/* line 383, ../sass/vendors/_knacss.scss */
.m-reset, .ma0 {
margin: 0;
}
/* line 384, ../sass/vendors/_knacss.scss */
.p-reset, .pa0 {
padding: 0;
}
/* line 385, ../sass/vendors/_knacss.scss */
.ma1, .mas {
margin: 10px;
}
/* line 386, ../sass/vendors/_knacss.scss */
.ma2, .mam {
margin: 20px;
}
/* line 387, ../sass/vendors/_knacss.scss */
.ma3, .mal {
margin: 30px;
}
/* line 388, ../sass/vendors/_knacss.scss */
.pa1, .pas {
padding: 10px;
}
/* line 389, ../sass/vendors/_knacss.scss */
.pa2, .pam {
padding: 20px;
}
/* line 390, ../sass/vendors/_knacss.scss */
.pa3, .pal {
padding: 30px;
}
/* line 392, ../sass/vendors/_knacss.scss */
.mt0, .mtn {
margin-top: 0;
}
/* line 393, ../sass/vendors/_knacss.scss */
.mt1, .mts {
margin-top: 10px;
}
/* line 394, ../sass/vendors/_knacss.scss */
.mt2, .mtm {
margin-top: 20px;
}
/* line 395, ../sass/vendors/_knacss.scss */
.mt3, .mtl {
margin-top: 30px;
}
/* line 396, ../sass/vendors/_knacss.scss */
.mr0, .mrn {
margin-right: 0;
}
/* line 397, ../sass/vendors/_knacss.scss */
.mr1, .mrs {
margin-right: 10px;
}
/* line 398, ../sass/vendors/_knacss.scss */
.mr2, .mrm {
margin-right: 20px;
}
/* line 399, ../sass/vendors/_knacss.scss */
.mr3, .mrl {
margin-right: 30px;
}
/* line 400, ../sass/vendors/_knacss.scss */
.mb0, .mbn {
margin-bottom: 0;
}
/* line 401, ../sass/vendors/_knacss.scss */
.mb1, .mbs {
margin-bottom: 10px;
}
/* line 402, ../sass/vendors/_knacss.scss */
.mb2, .mbm {
margin-bottom: 20px;
}
/* line 403, ../sass/vendors/_knacss.scss */
.mb3, .mbl {
margin-bottom: 30px;
}
/* line 404, ../sass/vendors/_knacss.scss */
.ml0, .mln {
margin-left: 0;
}
/* line 405, ../sass/vendors/_knacss.scss */
.ml1, .mls {
margin-left: 10px;
}
/* line 406, ../sass/vendors/_knacss.scss */
.ml2, .mlm {
margin-left: 20px;
}
/* line 407, ../sass/vendors/_knacss.scss */
.ml3, .mll {
margin-left: 30px;
}
/* line 409, ../sass/vendors/_knacss.scss */
.pt0, .ptn {
padding-top: 0;
}
/* line 410, ../sass/vendors/_knacss.scss */
.pt1, .pts {
padding-top: 10px;
}
/* line 411, ../sass/vendors/_knacss.scss */
.pt2, .ptm {
padding-top: 20px;
}
/* line 412, ../sass/vendors/_knacss.scss */
.pt3, .ptl {
padding-top: 30px;
}
/* line 413, ../sass/vendors/_knacss.scss */
.pr0, .prn {
padding-right: 0;
}
/* line 414, ../sass/vendors/_knacss.scss */
.pr1, .prs {
padding-right: 10px;
}
/* line 415, ../sass/vendors/_knacss.scss */
.pr2, .prm {
padding-right: 20px;
}
/* line 416, ../sass/vendors/_knacss.scss */
.pr3, .prl {
padding-right: 30px;
}
/* line 417, ../sass/vendors/_knacss.scss */
.pb0, .pbn {
padding-bottom: 0;
}
/* line 418, ../sass/vendors/_knacss.scss */
.pb1, .pbs {
padding-bottom: 10px;
}
/* line 419, ../sass/vendors/_knacss.scss */
.pb2, .pbm {
padding-bottom: 20px;
}
/* line 420, ../sass/vendors/_knacss.scss */
.pb3, .pbl {
padding-bottom: 30px;
}
/* line 421, ../sass/vendors/_knacss.scss */
.pl0, .pln {
padding-left: 0;
}
/* line 422, ../sass/vendors/_knacss.scss */
.pl1, .pls {
padding-left: 10px;
}
/* line 423, ../sass/vendors/_knacss.scss */
.pl2, .plm {
padding-left: 20px;
}
/* line 424, ../sass/vendors/_knacss.scss */
.pl3, .pll {
padding-left: 30px;
}
/* hiding content */
/* line 427, ../sass/vendors/_knacss.scss */
.visually-hidden {
position: absolute;
left: -7000px;
overflow: hidden;
}
/* line 432, ../sass/vendors/_knacss.scss */
[dir=rtl] .visually-hidden {
left: auto;
right: -7000px;
}
/* line 437, ../sass/vendors/_knacss.scss */
.desktop-hidden {
display: none;
}
/* hidden on desktop */
/* ----------------------------- */
/* ==header */
/* ----------------------------- */
/* ----------------------------- */
/* ==sidebar */
/* ----------------------------- */
/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
/* ----------------------------- */
/* ==forms */
/* ----------------------------- */
/* line 455, ../sass/vendors/_knacss.scss */
form,
fieldset {
border: none;
}
/* line 462, ../sass/vendors/_knacss.scss */
input,
button,
select,
label,
.btn {
vertical-align: middle;
/* @bugfix alignment */
font-family: inherit;
}
/* line 466, ../sass/vendors/_knacss.scss */
textarea {
resize: vertical;
font-family: inherit;
}
/* ----------------------------- */
/* ==main */
/* ----------------------------- */
/* ----------------------------- */
/* ==iefix */
/* ----------------------------- */
/* hasLayout for IE6/IE7 */
/* line 484, ../sass/vendors/_knacss.scss */
.ie67 .clearfix,
.ie67 .line,
.ie67 .mod,
.ie67 .row,
.ie67 .col {
zoom: 1;
}
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs a width on IE6/IE7 */
/* line 492, ../sass/vendors/_knacss.scss */
.ie67 .btn,
.ie67 .col,
.ie67 .inbl {
display: inline;
zoom: 1;
}
/* line 496, ../sass/vendors/_knacss.scss */
.ie8 img {
width: auto;
/* @bugfix for IE8 */
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/* line 503, ../sass/vendors/_knacss.scss */
.ie7 * {
behavior: url(/templates/defaut/front/javascript/boxsizing.htc);
}
/* ----------------------------- */
/* ==print */
/* ----------------------------- */
/* quick print reset */
@media print {
/* line 515, ../sass/vendors/_knacss.scss */
p,
blockquote {
orphans: 2;
widows: 2;
}
/* line 521, ../sass/vendors/_knacss.scss */
blockquote,
ul,
ol {
page-break-inside: avoid;
}
/* line 527, ../sass/vendors/_knacss.scss */
h1,
h2,
h3,
caption {
page-break-after: avoid;
}
}
/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
/* line 535, ../sass/vendors/_knacss.scss */
html,
body {
-webkit-text-size-adjust: 100%;
}
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
/* line 19, ../sass/vendors/_swipebox.scss */
html.swipebox-html.swipebox-touch {
overflow: hidden !important;
}
/* line 23, ../sass/vendors/_swipebox.scss */
#swipebox-overlay img {
border: none !important;
}
/* line 27, ../sass/vendors/_swipebox.scss */
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
user-select: none;
}
/* line 38, ../sass/vendors/_swipebox.scss */
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
/* line 44, ../sass/vendors/_swipebox.scss */
#swipebox-slider {
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
cursor: pointer;
}
/* line 55, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
/* line 62, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
/* line 70, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
/* line 81, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
box-sizing: border-box;
}
/* line 88, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
/* line 94, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
/* line 104, ../sass/vendors/_swipebox.scss */
#swipebox-slider .slide-loading {
background: url(../images/loader.gif) no-repeat center center;
}
/* line 111, ../sass/vendors/_swipebox.scss */
#swipebox-bottom-bar,
#swipebox-top-bar {
transition: 0.5s;
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
/* line 120, ../sass/vendors/_swipebox.scss */
#swipebox-bottom-bar {
bottom: -50px;
}
/* line 123, ../sass/vendors/_swipebox.scss */
#swipebox-bottom-bar.visible-bars {
transform: translate3d(0, -50px, 0);
}
/* line 128, ../sass/vendors/_swipebox.scss */
#swipebox-top-bar {
top: -50px;
}
/* line 131, ../sass/vendors/_swipebox.scss */
#swipebox-top-bar.visible-bars {
transform: translate3d(0, 50px, 0);
}
/* line 136, ../sass/vendors/_swipebox.scss */
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
/* line 144, ../sass/vendors/_swipebox.scss */
#swipebox-prev,
#swipebox-next,
#swipebox-close {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
border: none !important;
text-decoration: none !important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
}
/* line 156, ../sass/vendors/_swipebox.scss */
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
/* line 163, ../sass/vendors/_swipebox.scss */
#swipebox-prev {
background-position: -32px 13px;
float: left;
}
/* line 168, ../sass/vendors/_swipebox.scss */
#swipebox-next {
background-position: -78px 13px;
float: right;
}
/* line 173, ../sass/vendors/_swipebox.scss */
#swipebox-close {
top: 0;
right: 0;
position: absolute;
z-index: 9999;
background-position: 15px 12px;
}
/* line 181, ../sass/vendors/_swipebox.scss */
.swipebox-no-close-button #swipebox-close {
display: none;
}
/* line 187, ../sass/vendors/_swipebox.scss */
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: 0.3;
}
/* line 193, ../sass/vendors/_swipebox.scss */
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
animation: rightSpring 0.3s;
}
/* line 197, ../sass/vendors/_swipebox.scss */
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
animation: leftSpring 0.3s;
}
/* line 205, ../sass/vendors/_swipebox.scss */
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
backface-visibility: hidden;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
/* line 217, ../sass/vendors/_swipebox.scss */
.swipebox-touch #swipebox-container:before {
left: 0;
box-shadow: inset 10px 0px 10px -8px #656565;
}
/* line 222, ../sass/vendors/_swipebox.scss */
.swipebox-touch #swipebox-container:after {
right: 0;
box-shadow: inset -10px 0px 10px -8px #656565;
}
/* line 229, ../sass/vendors/_swipebox.scss */
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
/* line 236, ../sass/vendors/_swipebox.scss */
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@keyframes rightSpring {
/* line 243, ../sass/vendors/_swipebox.scss */
0% {
left: 0;
}
/* line 247, ../sass/vendors/_swipebox.scss */
50% {
left: -30px;
}
/* line 251, ../sass/vendors/_swipebox.scss */
100% {
left: 0;
}
}
@keyframes leftSpring {
/* line 257, ../sass/vendors/_swipebox.scss */
0% {
left: 0;
}
/* line 261, ../sass/vendors/_swipebox.scss */
50% {
left: 30px;
}
/* line 265, ../sass/vendors/_swipebox.scss */
100% {
left: 0;
}
}
@media screen and (min-width: 800px) {
/* line 272, ../sass/vendors/_swipebox.scss */
#swipebox-close {
right: 10px;
}
/* line 276, ../sass/vendors/_swipebox.scss */
#swipebox-arrows {
width: 92%;
max-width: 800px;
}
}
/* Skin
--------------------------*/
/* line 284, ../sass/vendors/_swipebox.scss */
#swipebox-overlay {
background: #0d0d0d;
}
/* line 289, ../sass/vendors/_swipebox.scss */
#swipebox-bottom-bar,
#swipebox-top-bar {
text-shadow: 1px 1px 1px black;
background: #000;
opacity: 0.95;
}
/* line 300, ../sass/vendors/_swipebox.scss */
#swipebox-top-bar {
color: white !important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
}
/* line 3, ../sass/base/_base.scss */
.upc {
text-transform: uppercase;
}
/* line 7, ../sass/base/_base.scss */
.lpc {
text-transform: lowercase;
}
/* FONTS */
/*@font-face {
font-family: 'dejavusans-book';
src: url('../fonts/dejavusans.eot?') format('eot'),
url('../fonts/dejavusans.otf') format('opentype'),
url('../fonts/dejavusans.woff') format('woff'),
url('../fonts/dejavusans.ttf') format('truetype'),
url('../fonts/dejavusans.svg#dejavusans') format('svg');
}*/
@font-face {
font-family: 'dejavusans-book';
src: url("../fonts/dejavusans-webfont.eot");
src: url("../fonts/dejavusans-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dejavusans-webfont.woff2") format("woff2"), url("../fonts/dejavusans-webfont.woff") format("woff"), url("../fonts/dejavusans-webfont.ttf") format("truetype"), url("../fonts/dejavusans-webfont.svg#dejavu_sansbook") format("svg");
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'dejavusans-bold';
src: url('../fonts/dejavusans-bold.eot?') format('eot'),
url('../fonts/dejavusans-bold.otf') format('opentype'),
url('../fonts/dejavusans-bold.woff') format('woff'),
url('../fonts/dejavusans-bold.ttf') format('truetype'),
url('../fonts/dejavusans-bold.svg#dejavusans-bold') format('svg');
}
*/
@font-face {
font-family: 'dejavusans-bold';
src: url("../fonts/dejavusans-bold-webfont.eot");
src: url("../fonts/dejavusans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dejavusans-bold-webfont.woff2") format("woff2"), url("../fonts/dejavusans-bold-webfont.woff") format("woff"), url("../fonts/dejavusans-bold-webfont.ttf") format("truetype"), url("../fonts/dejavusans-bold-webfont.svg#dejavu_sansbold") format("svg");
font-weight: normal;
font-style: normal;
}
/*
@font-face {
font-family: 'dejavusanscondensed-book';
src: url('../fonts/dejavusanscondensed.eot?') format('eot'),
url('../fonts/dejavusanscondensed.otf') format('opentype'),
url('../fonts/dejavusanscondensed.woff') format('woff'),
url('../fonts/dejavusanscondensed.ttf') format('truetype'),
url('../fonts/dejavusanscondensed.svg#dejavusanscondensed') format('svg');
}
*/
@font-face {
font-family: 'dejavusanscondensed-book';
src: url("../fonts/dejavusanscondensed-webfont.eot");
src: url("../fonts/dejavusanscondensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dejavusanscondensed-webfont.woff2") format("woff2"), url("../fonts/dejavusanscondensed-webfont.woff") format("woff"), url("../fonts/dejavusanscondensed-webfont.ttf") format("truetype"), url("../fonts/dejavusanscondensed-webfont.svg#dejavu_sanscondensed") format("svg");
font-weight: normal;
font-style: normal;
}
/*@font-face {
font-family: 'dejavusanscondensed-bold';
src: url('../fonts/dejavusanscondensed-bold.eot?');
src: url('../fonts/dejavusanscondensed-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/dejavusanscondensed-bold.woff') format('woff'),
url('../fonts/dejavusanscondensed-bold.ttf') format('truetype'),
url('../fonts/dejavusanscondensed-bold.svg#dejavusanscondensed-bold') format('svg');
}
*/
@font-face {
font-family: 'dejavusanscondensed-bold';
src: url("../fonts/dejavusanscondensed-bold-webfont.eot");
src: url("../fonts/dejavusanscondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dejavusanscondensed-bold-webfont.woff2") format("woff2"), url("../fonts/dejavusanscondensed-bold-webfont.woff") format("woff"), url("../fonts/dejavusanscondensed-bold-webfont.ttf") format("truetype"), url("../fonts/dejavusanscondensed-bold-webfont.svg#dejavu_sanscondensed_bold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Genericons';
src: url("../fonts/Genericons.eot?") format("eot"), url("../fonts/Genericons.ttf") format("opentype"), url("../fonts/Genericons.woff") format("woff"), url("../fonts/Genericons.ttf") format("truetype"), url("../fonts/Genericons.svg#Genericons") format("svg");
}
/* line 111, ../sass/base/_base.scss */
.genericon {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: middle;
}
/* line 129, ../sass/base/_base.scss */
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/* STRUCTURE */
/* line 137, ../sass/base/_base.scss */
body {
font-family: arial, sans-serif;
font-size: 1em;
color: #233d65;
}
/* line 143, ../sass/base/_base.scss */
.mw980p {
max-width: 980px;
margin: 0 auto;
}
/* line 148, ../sass/base/_base.scss */
.mw1000p {
max-width: 1000px;
margin: 0 auto;
}
/* line 153, ../sass/base/_base.scss */
.mw1300p {
max-width: 1300px;
margin: 0 auto;
}
/* line 158, ../sass/base/_base.scss */
.mw1400p {
max-width: 1400px;
margin: 0 auto;
}
/* line 163, ../sass/base/_base.scss */
.mv20 {
margin-top: 20px;
margin-bottom: 20px;
}
/* line 168, ../sass/base/_base.scss */
.mv30 {
margin-top: 30px;
margin-bottom: 30px;
}
/* line 173, ../sass/base/_base.scss */
.mv50 {
margin-top: 50px;
margin-bottom: 50px;
}
/* line 178, ../sass/base/_base.scss */
hr {
height: 2px;
border: none;
background: #233d65;
}
/* WIDGETS */
/* line 186, ../sass/base/_base.scss */
.widget-title-container {
display: table;
margin-bottom: 30px;
}
/* line 190, ../sass/base/_base.scss */
.widget-title-container .widget-title-icon {
display: table-cell;
vertical-align: top;
width: 30px;
}
/* line 195, ../sass/base/_base.scss */
.widget-title-container .widget-title-icon span {
display: block;
width: 20px;
height: 1.177em;
margin-right: 10px;
background: #233d65;
}
/* line 204, ../sass/base/_base.scss */
.widget-title-container .widget-title {
display: table-cell;
vertical-align: middle;
font-family: 'dejavusanscondensed-bold';
font-size: 1.077em;
text-transform: uppercase;
}
/* line 214, ../sass/base/_base.scss */
.widget-content {
margin-left: 30px;
}
/* TEXTS */
/* line 220, ../sass/base/_base.scss */
h1 {
margin-bottom: 1em;
font-family: 'dejavusans-book';
font-size: 2.308em;
line-height: 1em;
text-transform: uppercase;
}
/* line 228, ../sass/base/_base.scss */
h2 {
margin-bottom: 1em;
font-family: 'dejavusans-book';
font-size: 2.308em;
line-height: 1em;
text-transform: uppercase;
}
/* line 236, ../sass/base/_base.scss */
h3 {
font-family: 'dejavusanscondensed-bold';
font-size: 3em;
line-height: 1em;
text-transform: uppercase;
}
/* line 243, ../sass/base/_base.scss */
h4 {
font-family: 'dejavusanscondensed-bold';
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
}
/* line 251, ../sass/base/_base.scss */
.news-content h2 {
font-size: 1.8em;
}
/* line 255, ../sass/base/_base.scss */
.news-content h3 {
font-size: 1.5em;
}
/* line 259, ../sass/base/_base.scss */
.news-content h4 {
font-size: 1.231em;
}
/* line 265, ../sass/base/_base.scss */
.solutions-container h2 {
color: #ec6b06;
}
/* line 271, ../sass/base/_base.scss */
.section-title-container {
margin-bottom: 20px;
text-align: center;
background: url(../images/section-title-bg.jpg) repeat-x 0 center;
}
/* line 276, ../sass/base/_base.scss */
.section-title-container span {
line-height: 3em;
margin: 1px 20px;
/*background: $white;*/
}
/* line 281, ../sass/base/_base.scss */
.section-title-container span .section-title {
padding: 10px 20px;
line-height: 2em;
font-family: 'dejavusanscondensed-bold';
font-size: 3em;
color: #233d65;
text-transform: uppercase;
background: #fbfaf5;
border-radius: 5px;
}
/* LINKS */
/* line 296, ../sass/base/_base.scss */
a {
color: #233d65;
text-decoration: none;
outline: none;
transition: color 0.5s ease-out;
}
/* line 302, ../sass/base/_base.scss */
a:hover {
color: #ec6b06;
}
/* line 306, ../sass/base/_base.scss */
a.more {
line-height: 1em;
font-family: 'dejavusanscondensed-bold';
font-size: 1.231em;
text-transform: uppercase;
background: url(../images/next.png);
background-repeat: no-repeat;
}
/* line 314, ../sass/base/_base.scss */
a.more span {
padding-right: 20px;
text-transform: uppercase;
background: url(../images/next.png);
background-repeat: no-repeat;
opacity: 0;
transition: opacity 0.5s ease-out;
}
/* line 324, ../sass/base/_base.scss */
a.more.more:hover span {
opacity: 1;
}
/* line 330, ../sass/base/_base.scss */
a.news-title {
font-family: 'dejavusans-book';
font-size: 2.308em;
line-height: 1em;
text-transform: uppercase;
}
/* DEFAULT */
/* line 341, ../sass/base/_base.scss */
.archive-header {
margin-bottom: 30px;
font-family: "dejavusans-book";
font-size: 1.2em;
text-align: center;
}
/* line 347, ../sass/base/_base.scss */
.archive-header select {
margin-bottom: 3px;
font-family: "dejavusans-book";
font-size: 1em;
color: #ec6b06;
border: 1px solid #fbfaf5;
background: #fbfaf5;
}
/* line 356, ../sass/base/_base.scss */
.archive-header p {
text-align: left;
}
/* line 361, ../sass/base/_base.scss */
.content {
font-size: 1.3em;
}
/* line 364, ../sass/base/_base.scss */
.content .more-news {
color: #233d65;
text-transform: uppercase;
background-position: right 3px;
}
/* line 369, ../sass/base/_base.scss */
.content .more-news span {
background-position: right -67px;
}
/* line 373, ../sass/base/_base.scss */
.content .more-news:hover {
color: #ec6b06;
background: none;
}
/* line 380, ../sass/base/_base.scss */
iframe {
border: none;
}
/* BOXES */
/* line 386, ../sass/base/_base.scss */
.col2 {
margin-bottom: 0;
}
/* line 390, ../sass/base/_base.scss */
.col2 .col2-box {
margin-bottom: 20px;
/* padding: 35px 180px 45px 35px; */
border-radius: 10px;
}
/* line 395, ../sass/base/_base.scss */
.col2 .col2-box span {
text-transform: none;
}
/* BREADCRUMBS */
/*
.breadcrumbs-container{
height: 50px;
.breadcrumbs{
line-height: 50px;
margin:0;
padding:0;
list-style: none;
li{
display: inline-block;
font-family: 'dejavusanscondensed-book';
color: $cci-color02;
a{
display: block;
padding: 0 15px 0 0;
margin-right: 5px;
font-family: 'dejavusanscondensed-book';
font-size: 1em;
text-decoration: none;
background: url(../images/next.png) no-repeat right center;
transition: all 0.4s ease-out;
&:hover{
color: $cci-color02;
}
}
}
}
}
*/
/* use YOAST SEO plugin markup*/
/* line 438, ../sass/base/_base.scss */
.breadcrumbs {
margin: 20px 0;
}
/* line 441, ../sass/base/_base.scss */
.breadcrumbs > span {
font-family: 'dejavusanscondensed-book';
color: #ec6b06;
}
/* line 445, ../sass/base/_base.scss */
.breadcrumbs > span span {
display: inline-block;
}
/* line 448, ../sass/base/_base.scss */
.breadcrumbs > span span a {
display: block;
padding: 0 15px 0 0;
margin-right: 5px;
font-family: 'dejavusanscondensed-book';
font-size: 1em;
text-decoration: none;
background: url(../images/next.png) no-repeat right center;
transition: all 0.4s ease-out;
}
/* line 458, ../sass/base/_base.scss */
.breadcrumbs > span span a:hover {
color: #ec6b06;
}
/* no link on secteur entry in the breadcrumbs */
/* line 469, ../sass/base/_base.scss */
.breadcrumbs a[href="https://portail-energie.fr/secteur/"] {
cursor: default;
}
/* line 472, ../sass/base/_base.scss */
.breadcrumbs a[href="https://portail-energie.fr/secteur/"]:hover {
color: #233d65;
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/* line 482, ../sass/base/_base.scss */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
/* line 488, ../sass/base/_base.scss */
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
/* line 494, ../sass/base/_base.scss */
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/* line 500, ../sass/base/_base.scss */
.grid {
font-family: sans-serif;
}
/* line 504, ../sass/base/_base.scss */
.grid__cell {
font-family: 'dejavusans-book', arial, sans-serif;
}
@media screen and (max-width: 999px) {
/* line 510, ../sass/base/_base.scss */
.content-container {
margin: 0 10px;
}
}
@media screen and (max-width: 767px) {
/* line 517, ../sass/base/_base.scss */
.content-container {
margin: 0 10px;
}
/* line 521, ../sass/base/_base.scss */
.section-title-container {
background: none;
}
/* line 524, ../sass/base/_base.scss */
.section-title-container span {
margin: 0;
}
/* line 527, ../sass/base/_base.scss */
.section-title-container span .section-title {
display: block;
font-size: 2.5em;
line-height: 1.2em;
}
/* line 535, ../sass/base/_base.scss */
h1 {
font-size: 1.5em;
}
/* line 539, ../sass/base/_base.scss */
h2 {
font-size: 1.4em;
}
/* line 543, ../sass/base/_base.scss */
h3 {
font-size: 2em;
}
/* line 547, ../sass/base/_base.scss */
.archive-header {
font-size: 1em;
}
}
/* STRUCTURE */
/* line 4, ../sass/modules/_header.scss */
.header-container {
height: 80px;
background: #233d65;
}
/* line 9, ../sass/modules/_header.scss */
.header {
padding: 22px;
}
/* line 13, ../sass/modules/_header.scss */
.cci-logo {
float: left;
}
/* line 17, ../sass/modules/_header.scss */
.header-right {
float: right;
width: 335px;
text-align: right;
}
/* CONTACT */
/* line 27, ../sass/modules/_header.scss */
.header-right .contact-info {
display: inline-block;
}
/* line 31, ../sass/modules/_header.scss */
.header-right a {
display: block;
float: right;
height: 30px;
padding: 0 25px;
line-height: 30px;
font-family: 'dejavusanscondensed-bold';
font-size: 1.231em;
color: #233d65;
background: #ec6b06;
border-radius: 5px;
}
/* line 43, ../sass/modules/_header.scss */
.header-right a:hover {
color: white;
}
@media screen and (max-width: 767px) {
/* line 50, ../sass/modules/_header.scss */
.header-container {
height: 50px;
}
/* line 54, ../sass/modules/_header.scss */
.header {
position: relative;
padding: 5px 10px;
}
/* line 58, ../sass/modules/_header.scss */
.header > img {
height: 35px;
margin-top: 2px;
}
/* line 64, ../sass/modules/_header.scss */
.header-right {
position: absolute;
top: 0;
right: 0;
width: 100%;
padding: 5px 10px;
text-align: right;
}
/* line 72, ../sass/modules/_header.scss */
.header-right .contact-info {
display: inline-block;
width: 100%;
}
/* line 77, ../sass/modules/_header.scss */
.header-right > a {
display: none;
}
}
/* special case for secteurs main menu entry */
/* line 3, ../sass/modules/_nav.scss */
#menu-item-104 > a {
cursor: default;
}
/* STRUCTURE */
/* line 9, ../sass/modules/_nav.scss */
.nav {
position: relative;
height: 120px;
padding: 0 0 0 22px;
}
/* SITE TITLE */
/* line 17, ../sass/modules/_nav.scss */
.site-title {
padding: 22px 0;
line-height: 1em;
font-family: 'dejavusanscondensed-bold', arial, sans-serif;
font-size: 2.4em;
}
/* NAV */
/* line 25, ../sass/modules/_nav.scss */
.menu-toggle {
display: none;
}
/* line 29, ../sass/modules/_nav.scss */
.primary-nav {
display: table;
padding: 0;
margin: 0;
text-align: right;
transition: all 0.2s ease-out;
}
/* line 36, ../sass/modules/_nav.scss */
.primary-nav > li {
display: table-cell;
height: 120px;
padding: 0 10px;
max-width: 170px;
border-left: 2px solid #fbfaf5;
transition: all 0.5s ease-out;
vertical-align: middle;
}
/* line 45, ../sass/modules/_nav.scss */
.primary-nav > li:hover, .primary-nav > li.current_page_item {
background: #f7f4ed;
}
/* line 48, ../sass/modules/_nav.scss */
.primary-nav > li:hover > a, .primary-nav > li.current_page_item > a {
color: #ec6b06;
}
/* line 53, ../sass/modules/_nav.scss */
.primary-nav > li > a {
display: block;
font-family: 'dejavusanscondensed-bold';
font-size: 1.2em;
color: #233d65;
text-align: center;
text-transform: uppercase;
}
/* line 64, ../sass/modules/_nav.scss */
.primary-nav li {
/*display: inline-block;
transition: height 0.2s ease-out;*/
}
/* line 68, ../sass/modules/_nav.scss */
.primary-nav li a {
/*display: block;
vertical-align: top;
zoom: 1;
padding: 40px 15px 41px;
font-family: 'dejavusanscondensed-book';
font-size: 1.3em;
color: $cci-color01;
text-align: center;
text-transform: uppercase;
border-left: 2px solid $cci-color03-light;
transition: all 0.5s ease-out;*/
/*&:hover{
color: $cci-color02;
background: $cci-subnav-color;
}*/
}
/* line 81, ../sass/modules/_nav.scss */
.primary-nav li a.active {
color: #ec6b06;
background: #f7f4ed;
}
/* line 91, ../sass/modules/_nav.scss */
.primary-nav li a span {
display: block;
}
/* line 96, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container {
display: none;
position: absolute;
top: 120px;
left: 0;
width: 100%;
/*height: 0;*/
text-align: left;
background: #f7f4ed;
transition: all 0.2s ease-out;
}
/* line 107, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav {
display: block;
width: 50%;
margin: 0 auto;
padding: 0 0 0 50px;
}
/* line 113, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li {
display: inline-block;
margin-right: 30px;
}
/* line 117, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a {
display: block;
position: relative;
width: 180px;
padding: 6px 0;
font-family: Arial, Sans-Serif;
font-size: 1.3em;
color: #233d65;
text-align: left;
text-transform: none;
border: none;
background: url(../images/subnav-icon.png) no-repeat right 12px;
}
/* line 130, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a span {
display: block;
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 40px;
background: url(../images/subnav-icon.png) no-repeat right -30px;
opacity: 0;
transition: all 0.5s ease-out;
}
/* line 142, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a:hover {
color: #ec6b06;
}
/* line 145, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a:hover span {
opacity: 1;
}
/* line 150, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a.active {
color: #ec6b06;
}
/* line 153, ../sass/modules/_nav.scss */
.primary-nav li .primary-subnav-container .primary-subnav li a.active span {
opacity: 1;
}
/* line 164, ../sass/modules/_nav.scss */
.primary-nav li:hover .primary-subnav-container {
display: block;
height: auto;
padding-bottom: 20px;
}
/* MOBILE NAV */
/* line 175, ../sass/modules/_nav.scss */
.mobile-nav-trigger {
display: none;
}
/* line 179, ../sass/modules/_nav.scss */
.mobile-nav-close {
display: none;
}
/* SCROLL TO TOP */
/* line 186, ../sass/modules/_nav.scss */
#toTop {
display: block;
opacity: 0;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
overflow: hidden;
width: 51px;
height: 51px;
border: none;
text-indent: -999px;
background: url(../images/ui.totop.png) no-repeat left top;
}
/* line 200, ../sass/modules/_nav.scss */
#toTop:active {
outline: none;
}
/* line 204, ../sass/modules/_nav.scss */
#toTop:focus {
outline: none;
}
/* line 209, ../sass/modules/_nav.scss */
#toTopHover {
background: url(../images/ui.totop.png) no-repeat left -51px;
width: 51px;
height: 51px;
display: block;
overflow: hidden;
float: left;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
@media screen and (max-width: 767px) {
/* line 223, ../sass/modules/_nav.scss */
.nav {
height: 70px;
padding: 0 0 0 10px;
}
/* line 228, ../sass/modules/_nav.scss */
.site-title {
padding: 8px 0;
font-size: 1.8em;
}
/* line 233, ../sass/modules/_nav.scss */
.menu-toggle {
display: block;
float: right;
padding: 9px;
color: #233d65;
font-size: 50px;
border: none;
background: none;
cursor: pointer;
}
/* line 243, ../sass/modules/_nav.scss */
.menu-toggle:hover {
color: #ec6b06;
}
/* line 248, ../sass/modules/_nav.scss */
.primary-nav {
height: 0;
display: none;
transition: height 0.2s ease-out;
}
/* line 255, ../sass/modules/_nav.scss */
.toggled .primary-nav {
display: block;
position: absolute;
top: 70px;
left: 0;
width: 100%;
height: auto;
padding: 0 10px 20px;
background: #f7f4ed;
transition: height 0.2s ease-out;
z-index: 10;
}
/* line 267, ../sass/modules/_nav.scss */
.toggled .primary-nav > li {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin-top: 15px;
background: white;
border-radius: 5px;
}
/* line 276, ../sass/modules/_nav.scss */
.toggled .primary-nav > li > a {
display: block;
width: 100%;
height: 100%;
padding: 12px 0;
text-align: left;
}
/* line 284, ../sass/modules/_nav.scss */
.toggled .primary-nav > li .primary-subnav-container {
top: 60px;
}
/* line 287, ../sass/modules/_nav.scss */
.toggled .primary-nav > li .primary-subnav-container .primary-subnav {
width: 100%;
margin: 0;
padding: 5px 20px;
}
/* line 297, ../sass/modules/_nav.scss */
#toTop {
display: none;
}
}
/* STRUCTURE */
/* line 4, ../sass/modules/_footer.scss */
.footer-container {
position: relative;
background: #233d65;
}
/* line 9, ../sass/modules/_footer.scss */
.footer {
width: 100%;
margin-top: 100px;
padding: 22px;
color: white;
background: #233d65;
/* RIGHT */
}
/* line 16, ../sass/modules/_footer.scss */
.footer:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40%;
height: 22px;
background: white url(../images/logo-emphase.png) no-repeat top right;
}
/* line 28, ../sass/modules/_footer.scss */
.footer .contact-info {
margin-top: 55px;
font-size: 1.3em;
}
/* line 32, ../sass/modules/_footer.scss */
.footer .contact-info .tel {
font-size: 1.231em;
}
/* line 36, ../sass/modules/_footer.scss */
.footer .contact-info .star {
font-size: 0.846em;
}
/* line 40, ../sass/modules/_footer.scss */
.footer .contact-info a {
color: white;
transition: all 0.5s ease-out;
}
/* line 44, ../sass/modules/_footer.scss */
.footer .contact-info a:hover {
color: #ec6b06;
}
/* line 49, ../sass/modules/_footer.scss */
.footer .contact-info .ecobiz {
font-family: 'dejavusanscondensed-bold';
font-size: 1.538em;
color: #ec6b06;
}
/* line 56, ../sass/modules/_footer.scss */
.footer .allocci-logo {
display: block;
width: 266px;
height: 100px;
margin-bottom: 10px;
cursor: initial;
background: url(../images/allocci-logo.png) no-repeat 0 0;
}
/* line 65, ../sass/modules/_footer.scss */
.footer .ecobiz-logo {
display: block;
width: 266px;
height: 100px;
margin-top: 10px;
background: url(../images/ecobiz-logo.png) no-repeat 0 0;
}
/* SPONSORS & CREDITS */
/* line 76, ../sass/modules/_footer.scss */
.footer-bottom {
margin: 0 auto;
padding: 0 22px 22px 22px;
}
/* line 80, ../sass/modules/_footer.scss */
.footer-bottom .footer-mentions {
margin: 40px 0;
font-family: 'dejavusanscondensed-book';
font-size: 1.231em;
text-align: center;
}
/* line 86, ../sass/modules/_footer.scss */
.footer-bottom .footer-mentions img {
margin: 20px 0 40px;
}
/* line 90, ../sass/modules/_footer.scss */
.footer-bottom .footer-mentions .copyright {
font-size: 1.231em;
}
/*
.footer-logos{
margin: 30px 0;
.footer-logos-top{
width: 100%;
height: 50px;
background: url(../images/footer-logos-top.jpg) no-repeat center center;
}
}*/
/* line 106, ../sass/modules/_footer.scss */
.footer-logos {
display: table;
margin: 30px auto;
width: 100%;
max-width: 820px;
}
/* line 111, ../sass/modules/_footer.scss */
.footer-logos > * {
display: table-cell;
vertical-align: bottom;
padding: 0 10px;
}
/* line 119, ../sass/modules/_footer.scss */
.footer-logos-left > div, .footer-logos-right > div {
position: relative;
display: inline-table;
width: 100%;
table-layout: fixed;
}
/* line 127, ../sass/modules/_footer.scss */
.footer-logos-left {
text-align: right;
width: 22%;
}
/* line 132, ../sass/modules/_footer.scss */
.footer-logos-center {
/*padding-top: 50px;*/
width: 56%;
/* background: url(../images/footer-logos-top.jpg) no-repeat center top;
background-size: 100%;*/
}
/* line 137, ../sass/modules/_footer.scss */
.footer-logos-center .row > * {
vertical-align: bottom;
}
/* line 142, ../sass/modules/_footer.scss */
.footer-bottom .footer-mentions .footer-logos-center-header {
position: relative;
display: inline-table;
width: 100%;
table-layout: fixed;
}
/* line 147, ../sass/modules/_footer.scss */
.footer-bottom .footer-mentions .footer-logos-center-header img {
margin: 10px 0;
}
/* line 152, ../sass/modules/_footer.scss */
.footer-logos-right {
text-align: left;
width: 22%;
}
/* line 157, ../sass/modules/_footer.scss */
.footer-partners {
display: inline-block;
height: 80px;
}
/* line 161, ../sass/modules/_footer.scss */
.footer-partners.ue {
width: 160px;
margin: 5px 0;
background: url(../images/partner-ue-logo.jpg) no-repeat center center;
}
/* line 167, ../sass/modules/_footer.scss */
.footer-partners.prefecture {
width: 72px;
margin: 5px 15px 5px 0;
background: url(../images/partner-prefecture-logo.jpg) no-repeat center center;
}
/* line 173, ../sass/modules/_footer.scss */
.footer-partners.region {
width: 170px;
margin: 5px;
background: url(../images/partner-region-logo.jpg) no-repeat center center;
}
/* line 179, ../sass/modules/_footer.scss */
.footer-partners.ademe {
width: 72px;
margin: 5px 15px;
background: url(../images/partner-ademe-logo.jpg) no-repeat center center;
}
/* line 185, ../sass/modules/_footer.scss */
.footer-partners.cg06 {
width: 160px;
margin: 5px 0;
background: url(../images/partner-cg06-logo.jpg) no-repeat center center;
}
/* mobile */
@media screen and (max-width: 767px) {
/* line 197, ../sass/modules/_footer.scss */
.footer:after {
width: 50%;
}
}
@media screen and (max-width: 767px) {
/* line 206, ../sass/modules/_footer.scss */
.footer:after {
width: 90%;
}
/* line 212, ../sass/modules/_footer.scss */
.footer-bottom > a img {
width: 220px;
}
}
/* HEADER SEARCH FORM */
/* line 4, ../sass/modules/_form.scss */
.header-search {
display: inline-block;
margin-right: 10px;
border-radius: 5px;
background: #919eb2;
border: 1px solid #919eb2;
transition: all 0.5s ease-out;
}
/* line 12, ../sass/modules/_form.scss */
.header-search:focus {
border: 1px solid #ec6b06;
}
/* line 16, ../sass/modules/_form.scss */
.header-search:hover {
border: 1px solid #ec6b06;
}
/* line 20, ../sass/modules/_form.scss */
.header-search .search-query {
height: 28px;
color: white;
padding: 0 5px;
background: #919eb2;
border: none;
border-radius: 5px;
}
/* line 29, ../sass/modules/_form.scss */
.header-search .search-submit {
width: 30px;
height: 28px;
border: none;
border-radius: 5px;
background: #919eb2 url(../images/search-button.png) no-repeat center center;
}
/* line 36, ../sass/modules/_form.scss */
.header-search .search-submit:hover {
opacity: 0.5;
}
/* FOOTER CONTACT FORM */
/* line 44, ../sass/modules/_form.scss */
.footer-contact-form {
margin: 40px 0;
}
/* line 47, ../sass/modules/_form.scss */
.footer-contact-form label {
width: 30%;
font-family: 'dejavusanscondensed-bold';
font-size: 1.2em;
text-transform: uppercase;
}
/* line 54, ../sass/modules/_form.scss */
.footer-contact-form input {
width: 100%;
height: 30px;
padding: 0 10px;
font-size: 1.3em;
background: white;
border: none;
}
/* line 63, ../sass/modules/_form.scss */
.footer-contact-form textarea {
width: 100%;
height: 150px;
padding: 0 10px;
font-size: 1.3em;
resize: none;
border: none;
}
/* line 72, ../sass/modules/_form.scss */
.footer-contact-form .submit {
display: inline-block;
width: auto;
height: 30px;
margin-left: 30%;
padding: 0 25px;
line-height: 30px;
cursor: pointer;
font-family: 'dejavusanscondensed-bold';
font-size: 1.231em;
color: #233d65;
background: #ec6b06;
border-radius: 5px;
transition: all 0.5s ease-out;
}
/* line 87, ../sass/modules/_form.scss */
.footer-contact-form .submit:hover {
color: white;
}
/* line 94, ../sass/modules/_form.scss */
span.wpcf7-not-valid-tip {
color: #ec6b06;
font-size: 1.2em;
}
/* line 100, ../sass/modules/_form.scss */
div.wpcf7-response-output,
div.wpcf7-validation-errors {
margin-left: 30%;
font-size: 1.2em;
}
/* line 105, ../sass/modules/_form.scss */
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 5px;
}
@media screen and (max-width: 767px) {
/* line 114, ../sass/modules/_form.scss */
.header-search {
display: inline-block;
width: 21%;
margin-right: 0;
border-radius: 5px;
background: #233d65;
border: none;
transition: all 0.5s ease-out;
}
/* line 123, ../sass/modules/_form.scss */
.header-search:focus {
border: none;
}
/* line 127, ../sass/modules/_form.scss */
.header-search:hover, .header-search.show {
width: 100%;
background: #233d65;
border: none;
}
/* line 132, ../sass/modules/_form.scss */
.header-search:hover .search-query, .header-search.show .search-query {
width: 80%;
background: #919eb2;
}
/* line 137, ../sass/modules/_form.scss */
.header-search:hover .search-submit, .header-search.show .search-submit {
background: #919eb2 url(../images/mobile-search-button.png) no-repeat center center;
}
/* line 142, ../sass/modules/_form.scss */
.header-search .search-query {
width: 0;
height: 40px;
color: white;
padding: 5px;
background: #233d65;
border: none;
border-radius: 5px;
transition: width 0.5s ease-in-out;
}
/* line 153, ../sass/modules/_form.scss */
.header-search .search-submit {
width: 50px;
height: 40px;
cursor: pointer;
border: none;
border-radius: 5px;
background: #233d65 url(../images/mobile-search-button.png) no-repeat center center;
transition: width 0.5s ease-in-out;
}
/* line 162, ../sass/modules/_form.scss */
.header-search .search-submit:hover {
opacity: 0.9;
}
/* line 170, ../sass/modules/_form.scss */
.footer-form h4 {
padding: 10px;
color: #233d65;
text-align: center;
background: white;
border-radius: 5px;
}
/* line 179, ../sass/modules/_form.scss */
#wpcf7-f4-o1 {
display: none;
}
/* line 182, ../sass/modules/_form.scss */
#wpcf7-f4-o1 label {
display: inline;
}
/* line 186, ../sass/modules/_form.scss */
#wpcf7-f4-o1 .wpcf7-form-control-wrap {
display: inline;
}
/* line 195, ../sass/modules/_form.scss */
.footer-contact-form .row.mt1 {
text-align: center;
}
/* line 199, ../sass/modules/_form.scss */
.footer-contact-form .submit {
width: 100%;
height: 40px;
margin-left: 0;
padding: 0 25px;
line-height: 40px;
}
/* line 208, ../sass/modules/_form.scss */
.footer-contact-form div.wpcf7-response-output,
.footer-contact-form div.wpcf7-validation-errors {
margin-left: 0;
}
}
/* line 3, ../sass/modules/_social.scss */
.social-bar {
padding: 15px 0;
}
/* line 6, ../sass/modules/_social.scss */
.social-bar a {
display: inline-block;
width: 37px;
height: 37px;
margin-right: 10px;
background: url(../images/social-bar.png) no-repeat;
transition: all 0.5s ease-out;
}
/* line 14, ../sass/modules/_social.scss */
.social-bar a span {
display: block;
width: 37px;
height: 37px;
background: url(../images/social-bar.png) no-repeat;
opacity: 0;
transition: all 0.5s ease-out;
}
/* line 22, ../sass/modules/_social.scss */
.social-bar a span:hover {
opacity: 1;
}
/* line 31, ../sass/modules/_social.scss */
.news-share .social-linkedin {
background-position: 0 -100px;
}
/* line 34, ../sass/modules/_social.scss */
.news-share .social-linkedin span {
background-position: 0 -50px;
}
/* line 39, ../sass/modules/_social.scss */
.news-share .social-twitter {
background-position: -50px -100px;
}
/* line 42, ../sass/modules/_social.scss */
.news-share .social-twitter span {
background-position: -50px -50px;
}
/* line 47, ../sass/modules/_social.scss */
.news-share .social-facebook {
background-position: -100px -100px;
}
/* line 50, ../sass/modules/_social.scss */
.news-share .social-facebook span {
background-position: -100px -50px;
}
/* line 55, ../sass/modules/_social.scss */
.news-share .social-viadeo {
background-position: -150px -100px;
}
/* line 58, ../sass/modules/_social.scss */
.news-share .social-viadeo span {
background-position: -150px -50px;
}
/* line 66, ../sass/modules/_social.scss */
footer .social-linkedin {
background-position: 0 0;
}
/* line 69, ../sass/modules/_social.scss */
footer .social-linkedin span {
background-position: 0 -50px;
}
/* line 74, ../sass/modules/_social.scss */
footer .social-twitter {
background-position: -50px 0;
}
/* line 77, ../sass/modules/_social.scss */
footer .social-twitter span {
background-position: -50px -50px;
}
/* line 82, ../sass/modules/_social.scss */
footer .social-facebook {
background-position: -100px 0;
}
/* line 85, ../sass/modules/_social.scss */
footer .social-facebook span {
background-position: -100px -50px;
}
/* line 90, ../sass/modules/_social.scss */
footer .social-viadeo {
background-position: -150px 0;
}
/* line 93, ../sass/modules/_social.scss */
footer .social-viadeo span {
background-position: -150px -50px;
}
/* HOME DIAPORAMA */
/* line 4, ../sass/modules/_home.scss */
.diaporama {
padding: 30px 22px;
height: 350px;
margin-bottom: 50px;
background: #ec6b06 url(../images/diaporama-bg.jpg) no-repeat center center;
background-size: cover;
}
/* line 11, ../sass/modules/_home.scss */
.diaporama h1 {
margin-bottom: 10px;
font-family: 'dejavusanscondensed-bold';
font-size: 5em;
color: white;
}
/* line 18, ../sass/modules/_home.scss */
.diaporama li {
list-style: none;
height: 50px;
line-height: 50px;
}
/* line 23, ../sass/modules/_home.scss */
.diaporama li a {
display: block;
position: relative;
padding-left: 50px;
font-family: 'dejavusans-bold';
font-size: 2em;
color: white;
text-transform: uppercase;
background: url(../images/diapo-icon.png) no-repeat 0 12px;
}
/* line 33, ../sass/modules/_home.scss */
.diaporama li a span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background: url(../images/diapo-icon.png) no-repeat 0 -162px;
opacity: 0;
transition: all 0.5s ease-out;
}
/* line 46, ../sass/modules/_home.scss */
.diaporama li a:hover span {
opacity: 1;
}
/* HOME NEWS */
/* line 56, ../sass/modules/_home.scss */
.news {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #233d65;
}
/* line 61, ../sass/modules/_home.scss */
.news .news-content {
margin-bottom: 20px;
}
/* line 65, ../sass/modules/_home.scss */
.news .more {
float: right;
color: #ec6b06;
text-transform: uppercase;
background-position: right -68px;
}
/* line 71, ../sass/modules/_home.scss */
.news .more span {
background-position: right 3px;
}
/* line 75, ../sass/modules/_home.scss */
.news .more:hover {
color: #233d65;
background: none;
}
/* HOME COMPARATEUR BOX */
/* line 84, ../sass/modules/_home.scss */
.home-aside {
/* float: right; */
width: 300px;
margin-left: 40px;
}
/* line 91, ../sass/modules/_home.scss */
.comparateur {
padding: 250px 30px 100px 30px;
font-family: 'dejavusanscondensed-bold';
font-size: 2.9em;
color: white;
text-align: center;
text-transform: uppercase;
background: #233d65 url(../images/comparateur-icon.png) no-repeat center top;
border-radius: 10px;
}
/* line 101, ../sass/modules/_home.scss */
.comparateur .compare-link {
display: block;
margin-top: 50px;
padding: 5px 25px;
line-height: 30px;
font-family: 'dejavusanscondensed-bold';
font-size: 0.5em;
color: #233d65;
text-transform: uppercase;
background: #ec6b06;
border-radius: 5px;
}
/* line 113, ../sass/modules/_home.scss */
.comparateur .compare-link:hover {
color: white;
}
/* HOME 2COL BOXES */
/* line 121, ../sass/modules/_home.scss */
.eco-energie {
position: relative;
margin-right: 10px;
background: #a5a5a5;
}
/* line 126, ../sass/modules/_home.scss */
.eco-energie .eco-energie-bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: right top;
background-size: auto auto;
transition: all 0.2s ease-out;
}
/* line 139, ../sass/modules/_home.scss */
.eco-energie .eco-energie-content {
position: relative;
padding: 35px 180px 45px 35px;
border-radius: 10px;
z-index: 10;
}
/* line 145, ../sass/modules/_home.scss */
.eco-energie .eco-energie-content .more {
color: white;
background-position: right -136px;
}
/* line 149, ../sass/modules/_home.scss */
.eco-energie .eco-energie-content .more span {
background-position: right 2px;
}
/* line 153, ../sass/modules/_home.scss */
.eco-energie .eco-energie-content .more:hover {
color: #233d65;
background: none;
}
/* line 162, ../sass/modules/_home.scss */
.aides {
position: relative;
margin-left: 10px;
background: #fbfaf5;
}
/* line 167, ../sass/modules/_home.scss */
.aides .aides-bg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-position: right top;
background-size: auto auto;
transition: all 0.2s ease-out;
}
/* line 180, ../sass/modules/_home.scss */
.aides .aides-content {
position: relative;
padding: 35px 180px 45px 35px;
border-radius: 10px;
z-index: 10;
}
/* line 186, ../sass/modules/_home.scss */
.aides .aides-content .more {
color: #ec6b06;
background-position: right -68px;
}
/* line 190, ../sass/modules/_home.scss */
.aides .aides-content .more span {
background-position: right 2px;
}
/* line 194, ../sass/modules/_home.scss */
.aides .aides-content .more:hover {
color: #233d65;
background: none;
}
/* HOME SECTEURS BOXES */
/* line 204, ../sass/modules/_home.scss */
.secteur-button {
width: 328px;
height: 116px;
margin: 0 2px 5px 3px;
/*&:hover{
background: $cci-color01;
}*/
}
/* line 214, ../sass/modules/_home.scss */
.secteur-button a {
display: table-cell;
vertical-align: middle;
width: 328px;
height: 116px;
padding: 10px 10px 10px 160px;
background: #a5a5a5;
background-repeat: no-repeat;
background-position: left center;
border-radius: 10px;
transition: all 0.2s ease-out;
font-family: 'dejavusanscondensed-bold';
color: white;
text-transform: uppercase;
font-size: 1.65em;
line-height: 1.2em;
/*display: block;
width: 328px;
height: 116px;
background: $cci-color03;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
transition: all 0.2s ease-out;
color: $white;
text-transform: uppercase;
font-size: 1.2em;
background: url(../images/secteurs.png) no-repeat 0 0;
&.industrie{ background-position: 0 0; }
&.services{ background-position: 0 -130px; }
&.hebergement{ background-position: 0 -260px; }
&.restauration{ background-position: 0 -390px; }
&.logistique{ background-position: 0 -520px; }
&.commerce{ background-position: 0 -660px; }
&.sante{ background-position: 0 -800px; }
&.bureaux{ background-position: 0 -910px; }*/
}
/* line 252, ../sass/modules/_home.scss */
.secteur-button a:hover {
background-color: #233d65;
}
@media screen and (max-width: 999px) {
/* line 259, ../sass/modules/_home.scss */
.home-aside {
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
/* line 266, ../sass/modules/_home.scss */
.diaporama {
height: 170px;
margin-bottom: 30px;
padding: 10px;
}
/* line 271, ../sass/modules/_home.scss */
.diaporama h1 {
font-size: 2.5em;
}
/* line 275, ../sass/modules/_home.scss */
.diaporama ul {
padding-left: 0;
border-bottom: 1px solid #f4aa71;
}
/* line 279, ../sass/modules/_home.scss */
.diaporama ul li {
height: 30px;
line-height: 30px;
border-top: 1px solid #f4aa71;
}
/* line 284, ../sass/modules/_home.scss */
.diaporama ul li a {
padding-left: 20px;
font-size: 1.3em;
background: url(../images/subnav-icon.png) no-repeat 0 12px;
}
/* line 289, ../sass/modules/_home.scss */
.diaporama ul li a span {
width: 30px;
height: 20px;
background: url(../images/subnav-icon.png) no-repeat 0 -162px;
}
/* line 299, ../sass/modules/_home.scss */
.mobile-toggle {
cursor: pointer;
}
/* line 303, ../sass/modules/_home.scss */
.home-aside {
width: 100%;
margin-left: 0;
}
/* line 308, ../sass/modules/_home.scss */
.comparateur {
margin-top: 30px;
padding: 200px 30px 20px 30px;
}
/* line 312, ../sass/modules/_home.scss */
.comparateur .compare-link {
margin-top: 10px;
}
/* line 317, ../sass/modules/_home.scss */
.eco-energie {
margin-right: 0;
}
/* line 320, ../sass/modules/_home.scss */
.eco-energie .eco-energie-bg {
background-size: 100px 100px;
}
/* line 324, ../sass/modules/_home.scss */
.eco-energie .eco-energie-content {
padding: 15px 50px 15px 15px;
}
/* line 329, ../sass/modules/_home.scss */
.aides {
margin-left: 0;
}
/* line 332, ../sass/modules/_home.scss */
.aides .aides-bg {
background-size: 100px 100px;
}
/* line 336, ../sass/modules/_home.scss */
.aides .aides-content {
padding: 15px 50px 15px 15px;
}
/* line 341, ../sass/modules/_home.scss */
.secteurs {
display: none;
border-radius: 10px;
background: #a5a5a5;
}
/* line 347, ../sass/modules/_home.scss */
.secteur-button {
width: 100%;
height: 60px;
margin: 10px 0;
}
/* line 352, ../sass/modules/_home.scss */
.secteur-button a {
height: 60px;
padding-left: 120px;
background-size: contain;
border-radius: 10px;
background-position: 15px center;
}
/* line 359, ../sass/modules/_home.scss */
.secteur-button a:hover {
background-color: #a5a5a5;
}
}
/* CATEGORY PAGE */
/* line 5, ../sass/modules/_news.scss */
.category-box {
margin-bottom: 70px;
}
/* line 8, ../sass/modules/_news.scss */
.category-box .thumbnail-container {
max-height: 140px;
overflow: hidden;
text-align: center;
}
/* line 14, ../sass/modules/_news.scss */
.category-box .news-title {
font-size: 1.6em;
}
/* line 18, ../sass/modules/_news.scss */
.category-box .category-news-content {
position: relative;
padding-right: 50px;
}
/* line 22, ../sass/modules/_news.scss */
.category-box .category-news-content .news-arrow {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background: url(../images/next.png) no-repeat right center;
}
/* PAGINATION */
/* line 36, ../sass/modules/_news.scss */
.pagination-container {
display: table;
float: right;
}
/* line 40, ../sass/modules/_news.scss */
.pagination-container .page-numbers {
display: table-cell;
width: 25px;
height: 25px;
font-family: 'dejavusanscondensed-bold';
font-size: 1.2em;
text-align: center;
line-height: 25px;
}
/* line 49, ../sass/modules/_news.scss */
.pagination-container .page-numbers:hover {
color: #ec6b06;
}
/* line 53, ../sass/modules/_news.scss */
.pagination-container .page-numbers.current {
color: #ec6b06;
}
/* line 58, ../sass/modules/_news.scss */
.pagination-container .page-numbers.prev {
background: url(../images/prev.png) no-repeat center -57px;
}
/* line 62, ../sass/modules/_news.scss */
.pagination-container .page-numbers.next {
background: url(../images/next.png) no-repeat center -57px;
}
/* NEWS PAGE */
/* line 70, ../sass/modules/_news.scss */
.page-content {
padding: 22px;
}
/* line 74, ../sass/modules/_news.scss */
.page-content .section-title-container .section-title {
font-size: 2.308em;
}
/* line 80, ../sass/modules/_news.scss */
.taxolist {
margin-bottom: 20px;
text-align: right;
}
/* line 85, ../sass/modules/_news.scss */
.news-container {
margin-right: 30px;
}
/* line 91, ../sass/modules/_news.scss */
.news-item .news-header {
margin-bottom: 30px;
}
/* line 98, ../sass/modules/_news.scss */
.news-item .news-header .news-subtitle {
font-style: italic;
}
/* line 103, ../sass/modules/_news.scss */
.news-item .news-content {
margin: 30px 0 20px;
}
/* line 106, ../sass/modules/_news.scss */
.news-item .news-content a {
color: #ec6b06;
}
/* line 109, ../sass/modules/_news.scss */
.news-item .news-content a:hover {
color: #233d65;
}
/* line 115, ../sass/modules/_news.scss */
.news-item .news-date {
margin: 50px 0 30px;
color: #ec6b06;
font-style: italic;
}
/* line 120, ../sass/modules/_news.scss */
.news-item .news-date span {
color: #233d65;
}
/* line 125, ../sass/modules/_news.scss */
.news-item .news-downloads {
margin: 60px 0 20px;
text-align: center;
}
/* line 129, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item {
display: inline-block;
text-align: center;
vertical-align: text-top;
width: 100px;
margin: 0 40px 40px;
}
/* line 136, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item .dl-item-link {
line-height: 1.25;
white-space: normal;
width: 100px;
text-align: center;
}
/* line 142, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item .dl-item-link .dl-item-icon {
display: inline-block;
width: 100px;
height: 100px;
margin-bottom: 10px;
background-color: #ec6b06;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.5s ease-out;
/*&:before{
content: "";
display: block;
width: 100px;
height: 100px;
}
&.pdf:before{
background: url(../images/pdf-logo.png) no-repeat center center;
}
&.doc:before{
background: url(../images/doc-logo.png) no-repeat center center;
}*/
}
/* line 166, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item .dl-item-link .dl-item-icon:hover {
background-color: #233d65;
}
/* line 170, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item .dl-item-link .dl-item-icon span {
display: block;
color: #233d65;
}
/* line 176, ../sass/modules/_news.scss */
.news-item .news-downloads .dl-item .dl-item-link:hover {
color: #233d65;
}
/* SHARE BOX */
/* line 186, ../sass/modules/_news.scss */
.news-share {
margin: 40px 0;
padding: 15px 10px 10px 20px;
background: #fbfaf5;
}
/* line 191, ../sass/modules/_news.scss */
.news-share .news-share-title {
float: left;
margin-top: 10px;
font-family: 'dejavusanscondensed-bold';
font-size: 1.4em;
text-transform: uppercase;
}
/* line 199, ../sass/modules/_news.scss */
.news-share .social-bar {
float: right;
padding: 0;
}
/* PREV NEXT BOX */
/* line 207, ../sass/modules/_news.scss */
.news-nav {
margin-bottom: 20px;
}
/* line 212, ../sass/modules/_news.scss */
.news-nav .news-nav-item a {
line-height: 1em;
font-family: 'dejavusanscondensed-bold';
font-size: 1.077em;
color: #ec6b06;
text-transform: uppercase;
}
/* line 219, ../sass/modules/_news.scss */
.news-nav .news-nav-item a span {
padding-right: 20px;
text-transform: uppercase;
opacity: 0;
transition: opacity 0.5s ease-out;
}
/* line 226, ../sass/modules/_news.scss */
.news-nav .news-nav-item a:hover {
color: #233d65;
}
/* line 229, ../sass/modules/_news.scss */
.news-nav .news-nav-item a:hover span {
opacity: 1;
}
/* line 235, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-prev {
padding-left: 20px;
float: left;
background: url(../images/prev.png) no-repeat left -67px;
}
/* line 240, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-prev span {
background: url(../images/prev.png) no-repeat left 2px;
}
/* line 245, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-next {
padding-right: 20px;
float: right;
background: url(../images/next.png) no-repeat right -67px;
}
/* line 250, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-next span {
background: url(../images/next.png) no-repeat right 2px;
}
/* line 255, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-all {
font-size: 1.231em;
background: url(../images/prev.png) no-repeat left -65px;
}
/* line 259, ../sass/modules/_news.scss */
.news-nav .news-nav-item.news-all span {
background: url(../images/prev.png) no-repeat left 3px;
}
/* ASIDE CONTENT */
/* line 268, ../sass/modules/_news.scss */
.aside-widget {
margin-bottom: 60px;
}
/* line 272, ../sass/modules/_news.scss */
.news-aside {
padding: 30px 30px 50px 0;
background: #fbfaf5;
}
/* line 276, ../sass/modules/_news.scss */
.news-aside .category-box {
margin: 30px 0;
}
/* line 279, ../sass/modules/_news.scss */
.news-aside .category-box .news-title {
margin: 20px 0;
font-size: 1.231em;
}
/* line 284, ../sass/modules/_news.scss */
.news-aside .category-box.category-box-all {
margin: 10px 0;
}
/* line 287, ../sass/modules/_news.scss */
.news-aside .category-box.category-box-all .news-title-all {
margin: 10px 0;
font-size: 1em;
}
@media screen and (max-width: 767px) {
/* line 296, ../sass/modules/_news.scss */
.news-container {
margin-right: 0;
}
/* line 302, ../sass/modules/_news.scss */
.page-content .section-title-container .section-title {
font-size: 2em;
}
}
/* line 2, ../sass/modules/_solutions.scss */
.solutions-container {
margin: 20px 0;
text-align: center;
}
/* line 6, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item {
display: inline-block;
text-align: center;
vertical-align: text-top;
width: 100px;
margin: 0 10px 20px;
}
/* line 13, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item .solutions-item-link {
line-height: 1.25;
white-space: normal;
width: 80px;
text-align: center;
}
/* line 19, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item .solutions-item-link .solutions-item-icon {
display: inline-block;
width: 80px;
height: 80px;
background-color: #ec6b06;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
transition: all 0.5s ease-out;
/*
&:before{
content: "";
display: block;
width: 80px;
height: 80px;
}
&.isolation:before{
background: url(../images/solutions-isolation-logo.png) no-repeat center center;
}
&.chauffage:before{
background: url(../images/solutions-chauffage-logo.png) no-repeat center center;
}
&.ecs:before{
background: url(../images/solutions-ecs-logo.png) no-repeat center center;
}
&.ouvrant:before{
background: url(../images/solutions-ouvrant-logo.png) no-repeat center center;
}
&.clim:before{
background: url(../images/solutions-clim-logo.png) no-repeat center center;
}
&.pilotage:before{
background: url(../images/solutions-pilotage-logo.png) no-repeat center center;
}
*/
}
/* line 56, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item .solutions-item-link .solutions-item-icon:hover {
background-color: #233d65;
}
/* line 60, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item .solutions-item-link .solutions-item-icon span {
display: block;
color: #233d65;
}
/* line 66, ../sass/modules/_solutions.scss */
.solutions-container .solutions-item .solutions-item-link:hover {
color: #233d65;
}
/* line 1, ../sass/modules/_iframe.scss */
.iframe-emphase {
-webkit-box-shadow: #999999 0 0 20px;
-moz-box-shadow: #999999 0 0 20px;
box-shadow: #999999 0 0 20px;
}