/*--------------------------------------------------------
Resets
--------------------------------------------------------*/
html, body {
        height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
}

body {
        line-height: 1;
}

ol, ul {
        list-style: none;
}

strong, b {
        font-weight: bold;
}

em {
	font-style: italic;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

blockquote .quote {
        font-style: italic;
}

blockquote .author {
        text-align: right;
        font-weight: bold;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}
sup {
	vertical-align: super;
	font-size: smaller;
}

/*--------------------------------------------------------
Commons
--------------------------------------------------------*/

@font-face {
	font-family: 'SEGOEUIL';
	src: url('../fonts/SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('../fonts/SEGOEUIL.woff') format('woff'), url('../fonts/SEGOEUIL.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1409">Text with this font applied</p> */
.fontsforweb_fontid_1409 {
	font-family: 'SEGOEUIL' !important;
}

@font-face {
        font-family: 'Avenir';
        src: url('../fonts/AvenirLTStd-Medium.otf') format("opentype");
        font-weight: normal;
        font-style: normal;
}


@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-regular-webfont.eot');
	src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/raleway-regular-webfont.woff') format('woff'),
		url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
		url('../fonts/raleway-regular-webfont.svg#raleway') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway Thin';
	src: url('../fonts/raleway-thin-webfont.eot');
	src: url('../fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/raleway-thin-webfont.woff') format('woff'),
		url('../fonts/raleway-thin-webfont.ttf') format('truetype'),
		url('../fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
    font-family: 'Nilland';
    src: url('../fonts/nilland/Nilland.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NillandBlack';
    src: url('../fonts/nilland/Nilland-Black.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NillandBold';
    src: url('../fonts/nilland/Nilland-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {background: #888888;color: white; }
::selection {background: #888888;color: white; }

body {
        background: white;
        font-family: 'Helvetica Nueue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #1c1f26;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
}

.embed-container {
        position: relative;
        padding-bottom: 56.25%; /* 16/9 ratio */
        padding-top: 30px; /* IE6 workaround*/
        height: 0;
        overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

img.scaleimg {
        width: 100%;
        height: auto;
}

.hidden {
        display: none !important;
}

.vertical-text {
        display: table-cell;
        vertical-align: middle;
}

.pattern {
        background: url(../images/pattern.png);
        width: 100%;
        position: absolute;
}
.lowercase {
	text-transform:lowercase;
}

.list-decimal {
	list-style-type: decimal;
	padding-left:15px;
}

/**********************
	Icons
**********************/
.icons8 {
	display: inline-block;
	min-width: 10px;
	min-height: 10px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.icons8.icons8_view_top {
	background-image:url('../svg/view-top.svg');
}
.icons8.icons8_view_left {
	background-image:url('../svg/view-left.svg');
}
.icons8.icons8_zoom_in {
	background-image:url('../svg/zoom-in.svg');
}
.icons8.icons8_zoom_out {
	background-image:url('../svg/zoom-out.svg');
}
.icons8.icons8_cancel {
	background-image:url('../svg/cancel.svg');
}
.icons8.icons8_resize_vertical {
	background-image:url('../svg/resize-vertical.svg');
}
.icons8.icons8_resize_vertical_bold {
	background-image:url('../svg/resize-vertical-bold.svg');
}
.icons8.icons8_resize_horizontal {
	background-image:url('../svg/resize-horizontal.svg');
}
.icons8.icons8_resize_horizontal_bold {
	background-image:url('../svg/resize-horizontal-bold.svg');
}
.icons8.icons8_thickness {
	background-image:url('../svg/thickness.svg');
}
.icons8.icons8_3_circle {
	background-image:url('../svg/3_circle.svg');
}
.icons8.icons8_width {
	background-image:url('../svg/width.svg');
}
.icons8.icons8_weight {
	background-image:url('../svg/weight.svg');
}
.icons8.icons8_audio {
	background-image:url('../svg/audio.svg');
}
.icons8.icons8_made_in_france {
	background-image:url('../svg/made-in-france.svg');
}

/***********************
	Fancybox
***********************/
.my-fancybox-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 9999999;
}
.my-fancybox {
	display: none;
	position: fixed !important;
	background-color: #fff;
	top: 0;
	left:0;
	padding:0 !important;
	bottom:10%;
	z-index: 99999999;
}
.my-fancybox.my-fancybox-round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	-ms-border-top-right-radius: 0;
	-o-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.my-fancybox-wrapper {
	position: relative;
	height: calc(100% - 40px);
	margin:20px 2px;
	padding:20px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.my-fancybox-close {
	position: absolute;
	z-index: 1;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	border: 3px solid #fff;
	color: #fff;
	background: #222;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.my-fancybox-close span {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 24px;
}

/***********************
	Select
***********************/
.wrapper-select {
	margin-bottom:15px;
}
.select {
	cursor: pointer;
	position: relative;
}
.select .select-title {
	display:block;
	width:100%;
	height:36px;
	padding:10px 0;
	text-indent: 10px;
	background-color:#fff;
	background-position: right;
	border:1px solid #cacaca;
	text-align: center;
	text-decoration: none;
	color:#868991;
	outline:0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.select:hover .select-title {
	border-color:#db0027;
}
.select .select-options-container {
	display:none;
	z-index: 1;
	min-width:100%;
	margin-top:10px;
	padding:10px 0;
	border:1px solid #cacaca;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color:#FFF;
	position:absolute;
	top:32px;
}
.select .select-options-container:before {
	position:absolute;
	top:-4px;
	left:50%;
	width:6px;
	height:6px;
	margin: 0 0 0 -3px;
	content:'';
	border:1px solid;
	border-color:#cacaca transparent transparent #cacaca;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select .select-options-container .select-options {
	max-height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.select .select-options-container .select-options .select-option {
	display:block;
	text-align: left;
	padding:10px;
	color:#222;
	text-decoration:none;
}
.select .select-options-container .select-options .select-option:hover {
	background-color:#f7f7f7;
	color:#db0027;
	cursor:pointer;
}
.select.active .select-options-container {
	display:block;
}

/*************************
	Input text
*************************/
.wrapper-input {
	position: relative;
	margin-bottom:15px;
}
.input-text {
	background-color: #fff;
	border: 1px solid #eaeaea;
	font-size: 12px;
	padding: 10px 25px 10px 15px;
	margin: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	max-width: 100%;
}
.input-text.input-text-round {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.input-text:focus,
.input-text:hover {
	box-shadow: none;
	outline: none;
}
.input-text:not(.error):not(.success):focus,
.input-text:not(.error):not(.success):hover {
	border: 1px solid #db0027;
}
.input-text.success {
	border-color: #2DC9A3;
}
.input-text.error {
	border-color: #db0027;
}
p.success {
	color:#2DC9A3;
}
p.error {
	color:#db0027;
}
.glyphicon.glyphicon-ok {
	display:none;
	position: absolute;
	right: 10px;
	top: 12px;
	color: #2DC9A3;
}
input[type="file"] {
	display: none;
}
.label-input {
	display: block;
}
.label-input [type="checkbox"] {
	display: inline-block;
	width: auto;
}

/**************************
	Placeholder
**************************/
form ::-webkit-input-placeholder {
	color: #c3c3c3;
}
form :-moz-placeholder {
	color: #c3c3c3;
}
form ::-moz-placeholder {
	color: #c3c3c3;
}
form :-ms-input-placeholder {
	color: #c3c3c3;
}

/************************
	Scrollbar
************************/
/*::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-track {
	background-color: #eaeaea;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}*/

/*Links------------------------------------------*/
.link {
	color:#222;
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}
.link.link-blue {
	color:#2DC9A3;
}
.link.link-green {
	color:#2DC9A3;
}
.link.link-red {
	color:#db0027;
}
.link.link-black {
	color:#333;
}
.link.link-gray {
	color:#888;
}

/*Buttons------------------------------------------*/

.button {
        width: auto;
        background: #222;
	color:#fff;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        margin: 0;
        outline: none;
        padding: 8px 10px 8px;
        position: relative;
        text-align: center;
        text-decoration: none;
	border:1px solid transparent;
        -webkit-transition: background-color 0.15s ease-in-out;
        -moz-transition: background-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out;
        -o-transition: background-color 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out;
}
.button.button-full-width {
	width:100%;
}
.button.button-fat {
	padding:20px;
}
.button.button-margin {
	margin-bottom:10px;
}
.button.button-fixed-width-250 {
	display: block;
	width: 250px;
	margin: 10px auto 0 auto;
}
.button:hover {
        background-color: #2d2d2d;
	color:#FFF;
}

.button:active {
        /*background-color: #5B0010;*/
}

.button:focus {
        
}

.button.large {
        font-size: 16px;
        padding: 14px 30px 14px;
}

.button.small {
        font-size: 10px;
        padding: 6px 10px 6px;
}

.button.red {
	background-color:#db0027;
}
.button.red:hover {
	color:#222;
}

.button.full-width {
	width:100%;
	box-sizing: border-box;
}
.button img {
        vertical-align: text-bottom;
        margin-right: 5px;
}
.button.button-blue {
	background-color: #2b65f8;
	border-color:#2b65f8;
}
.button.button-green {
	background-color: #2DC9A3;
	border-color:#2DC9A3;
}
.button.button-red {
	background-color: #db0027;
	border-color:#db0027;
}
.button.button-black {
	background-color: #333;
	border-color:#333;
}
.button.button-gray {
	background-color: #888;
	border-color:#888;
}

/* BKG */
.bkg-white {
	background-color:#fff;
}
.bkg-gray-light {
	background-color:#eaeaea;
}
.bkg-black {
	background-color:#222;
}
.bkg-green {
    background-color:#7EC5C2;
}
.bkg-blue {
    background-color:#7EA3C5;
}
.bkg-pink {
    background-color:#D0427D;
}
.bkg-red {
    background-color:#db0027;
}
.bkg-orange {
    background-color:#F9A339;
}
.bkg-violet {
    background-color:#B371C9;
}
.bkg-degrade-gray-light {
	background-color:#DDD;
	background-image: linear-gradient(#DDD, #FFF);
}


.text-center {
	text-align: center;
}
.text-white {
	color:#FFF !important;
}
.text-gray {
	color:#999;
}
.text-gray-light {
	color:#eaeaea;
}
.text-black {
	color:#222;
}
.text-green {
	color:#7EC5C2;
}
.text-blue {
	color:#7EA3C5;
}
.text-pink {
	color:#D0427D;
}
.text-red {
	color:#db0027;
}
.text-orange {
	color:#F9A339;
}
.text-violet {
	color:#B371C9;
}
.text-bold {
	font-weight:bold;
}
.text-20 {
	font-size:20px !important;
	line-height: 30px !important;
}
.text-30 {
	font-size:30px !important;
	line-height: 40px !important;
}
.text-40 {
	font-size:40px !important;
	line-height: 50px !important;
}
.text-thin {
	font-family:'Raleway Thin';
}
.text-script {
	font-family:none;
}
.text-thin strong,
.text-thin bold {
	font-family:'Raleway';
}
.text-bordered:before,
.text-bordered:after {
	content:'';
	display:block;
	margin:auto;
	width:100px;
	max-width:30%;
	border-top:1px solid;
}
.text-bordered:before {
	margin-bottom:25px;
}
.text-bordered:after {
	margin-top:25px;
}


.f-left {
	width:auto;
	float:left;
}
.f-right {
	width:auto;
	float:right;
}


/*Forms------------------------------------------*/

form {
        margin-bottom: 20px;
}

fieldset {
        margin-bottom: 20px;
}

input, textarea {
        border: 1px solid #ccc;
        padding: 10px 10px;
        outline: none;
        color: #868991;
        width: 100%;
        display: block;
        background: #fff;
        font-size: 13px;
        text-transform: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
}

input[type="image"] {
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0;
}

textarea {
        min-height: 100px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
        border: 1px solid #868991;
        color: #1c1f26;
        background: white;
        -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
        box-shadow:  0 0 4px rgba(0,0,0,.2);
}

input.error {
        border: 1px solid #c60f13;
        background: #f9e7e8;
}

input.error[type="text"]:focus,
input.error[type="password"]:focus,
input.error[type="email"]:focus {
        border: 1px solid #c60f13;
}

legend {
        display: block;
        font-weight: 600;
        font-size: 14px;
}



/*--------------------------------------------------------
Typography
--------------------------------------------------------*/

h1, h2, h3, h4 {
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        font-weight: 100;
        color: #515256;
        margin: 20px 0 10px 0;
}

span.sub-title {
        font-weight: 200;
        color: #8e8d91;
}

h1 {
        font-size: 86px;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 7px;
}

h1.white {
        color: white;
}

h2 {
        font-size: 30px;
        text-transform: none;
        position: relative;
        font-weight: 100;
        color: #222;
}

h2.white {
        color: white;
}


h3 {
        font-size: 22px;
}

h3.white {
        color: white;
}

h4 {
        font-size: 18px;
}

.h1, .h2, .h3, .h4 {
	font-family: 'Raleway', sans-serif;
        font-weight: 100;
	text-transform: none;
	color: inherit;
}
.h1 {
	font-size:40px;
	line-height:50px;
	margin:0 0 30px 0;
}
.h2 {
	font-size:30px;
	line-height:40px;
	margin:0 0 25px 0;
}
.h3 {
	font-size:25px;
	line-height:35px;
	margin:0 0 20px 0;
}
.h4 {
	font-size:20px;
	line-height:30px;
	margin:0 0 15px 0;
}

p {
	/* Fucking property */
        text-align: justify;

        margin: 0 0 26px 0;
        font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 19.5px;

}

a {
	color:inherit;
}

p a {
        color: #db0027;
        text-decoration: none;
}

p a:hover {
        color: #868991;
        transition: color 0.5s;
        -moz-transition: color 0.5s;
        -webkit-transition: color 0.5s;
        -o-transition: color 0.5s;
}

/*--------------------------------------------------------
Margin - Padding
--------------------------------------------------------*/
.block {
	display: block !important;
}
.p-0 {
	padding:0 !important;
}
.m-0 {
	margin:0 !important;
}
.mt-0 {
	margin-top:0 !important;
}
.mr-0 {
	margin-right:0 !important;
}
.mb-0 {
	margin-bottom:0 !important;
}
.ml-0 {
	margin-left:0 !important;
}

.m-5 {
	margin:5px !important;
}
.mt-5 {
	margin-top:5px !important;
}
.mr-5 {
	margin-right:5px !important;
}
.mb-5 {
	margin-bottom:5px !important;
}
.ml-5 {
	margin-left:5px !important;
}

.m-10 {
	margin:10px !important;
}
.mt-10 {
	margin-top:10px !important;
}
.mr-10 {
	margin-right:10px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.ml-10 {
	margin-left:10px !important;
}
.m-20 {
	margin:20px !important;
}
.mt-20 {
	margin-top:20px !important;
}
.mr-20 {
	margin-right:20px !important;
}
.mr-20 {
	margin-right:20px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.ml-20 {
	margin-left:20px !important;
}
.m-50 {
	margin:50px !important;
}
.mt-50 {
	margin-top:50px !important;
}
.mr-50 {
	margin-right:50px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}
.ml-50 {
	margin-left:50px !important;
}

/*--------------------------------------------------------
Vidéos YouTube + Responsive
--------------------------------------------------------*/

.sixteen.columns .video-youtube {
	width: 100%;
	height: 523px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sixteen.columns .video-youtube {
		height: 421px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sixteen.columns .video-youtube {
		height: 236px;
	}
}

@media only screen and (max-width: 479px) {
	.sixteen.columns .video-youtube {
		height: 169px;
	}
}

/*--------------------------------------------------------
Parallax
--------------------------------------------------------*/

.parallax {
        width: 100%;
        height: 440px;
        background-color: #888888;
        position: relative;
        overflow: hidden;
}

.parallax .vertical-text,
.parallax .pattern {
        height: 440px;
}

.parallax .bg {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: absolute;

        background-size: 110%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-attachment: fixed;
}

.parallax .vertical-text h2 {
        color: #ffffff;
        text-shadow: 2px 2px 3px #333;
        font-size: 75px;
        width: 800px;
}

/*--------------------------------------------------------
Page
--------------------------------------------------------*/
#main-content {
        min-height: 450px;
}

#main-content > .container {
        padding: 15px 0;
}


.degrade {
        text-align: center;
        margin: 80px 0;
        padding: 40px 0;


        background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eaeaea 0%,#ffffff 100%); /* W3C */
}

/* Diminue le margin-top pour la page RECHERCHE */
#degrade-research {
	margin-top: 0px
}


/* Wrapper */
.wrapper {
	padding:50px 0;
}


/*--------------------------------------------------------
	Fil d'arianne
--------------------------------------------------------*/
.page-arianne {
        margin: 15px 0;
}

.page-arianne li {
        color:#8e8d91;
        display: inline;
}

.page-arianne li a{
        color:#8e8d91;
        text-decoration: none;
}

.page-arianne li a:hover{
	color: #db0027;
	text-decoration: underline;
}


/*--------------------------------------------------------
Galerie photo (gamme, applications)
--------------------------------------------------------*/

.photo {
        float: left;
        width: 250px;
	margin: 10px 10px 20px;
	display: inline-block;
}

.photo a.fancybox {
        border-bottom: 5px solid #fff;
        display: block;
        text-decoration: none;
}

.photo a.fancybox:hover {
        border-bottom-color: #db0027;
}

.photo .img-container {
        height: 200px;
        overflow: hidden;
}

.photo .img-container img {
        min-height: 200px;
}

.photo .legende {
        padding: 5px;
}

.photo p {
        margin: 0;
        font-style: italic;
        color: #555;
}

/*--------------------------------------------------------
FILTRES
--------------------------------------------------------*/
.filtres h4 {
        margin: 0;
}

.filtres li {
	float: left;
	margin-right: 10px;
}

/*--------------------------------------------------------
Page produits
--------------------------------------------------------*/
.mark {
        display: inline-block;
        overflow: hidden;
        text-indent: 500px;
        height: 16px;
        width: 80px;
        background: url("../images/logos-pictos/mark-stars.png") transparent 0 0 no-repeat;
}
.mark-0 { background-position: 0 0; }
.mark-1 { background-position: 0 20%; }
.mark-2 { background-position: 0 40%; }
.mark-3 { background-position: 0 60%; }
.mark-4 { background-position: 0 80%; }
.mark-5 { background-position: 0 100%; }

.comparatif-tissus {
	margin-top: 20px;
	padding: 0px 0 0 0;
	border: 0px;
	border-collapse: collapse;
	width:100%;
}

.comparatif-tissus th {
        color: #666;
        font-weight: bold;
}
.comparatif-tissus td, .comparatif-tissus th {
	text-align: center;
        padding: 15px 5px;
}

.comparatif-tissus td {
        border-top: 1px solid #aaa;
}

.comparatif-tissus th.even, .comparatif-tissus td.even {
        background-color: #eee;
}

.comparatif-tissus th.odd, .comparatif-tissus td.odd {
        background-color: #dfdfdf;
}

.comparatif-tissus a, .comparatif-tissus-mobile a {
        color : #222;
        text-decoration: none;
        font-weight: bold;
}
.comparatif-tissus a:hover, .comparatif-tissus-mobile a:hover {
        color: #db0027;
        text-decoration: underline;
}

.comparatif-tissus-mobile {
	display: none;
}

.comparatif-tissus-mobile p {
	margin-bottom: 2px;
}

.comparatif-tissus-mobile strong {
	font-weight: normal;
	display: inline-block;
}
.comparatif-tissus-mobile .mark {
	float: right;
}

@media only screen and (max-width: 959px) {
	.comparatif-tissus {
		display: none;
	}

	.comparatif-tissus-mobile {
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 25px;
	}
}

.applications li {
        float: left;
        text-align: center;
	margin: 2px;
}

.applications a {
        display: block;
        margin: 5px 5px 0 5px;
        font-weight: bold;
        text-decoration: none;
        color: #1c1f26;
        border-bottom: 5px solid transparent;
}

.applications img {
	display: block;
}

.applications a:hover {
	border-bottom-color: #db0027;
}




.overlay-wrp {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}

.overlay-wrp .overlay {
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	width: 100%;
}

.overlay {
	background: transparent;
}

.overlay-content.loupe {
	width: 34px;
	height: 34px;
	background: url(http://www.dickson-constant.com/medias/images/loupe.png) 0px 0px no-repeat;
	position: absolute;
	top: 22%;
	margin: -17px 0 0 -17px;
	left: 50%;
	z-index: 10;
}

.produit-qte {
	width: 25px;
}

#frais {
	display: none;
	padding: 20px;
}

#frais td {
	padding: 5px 60px 5px 10px;
	border: 1px solid #ddd;
}

#frais .pays-en, #frais .prix {
	font-weight: bold;
}

#frais .prix {
	padding: 5px 15px;
}
#frais table {
	width: 100%;
}
#frais ul li {
	margin: 10px 0;
}
.blog ul li {
	float: left;
}


/*--------------------------------------------------------
Footer
--------------------------------------------------------*/

#footer {
	float:left;
	width:100%;
}
#footer .row * {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing:content-box;
	box-sizing:content-box;
}
#footer {
        padding-top: 20px;
}

#footer p{
	margin: 0 0 5px 0;
}

#footer div.footer-border-top {
        background: transparent url(../images/footer/backgroung_border_footer.png) 0 0 repeat-x;
        height: 11px;
}

#footer div.logo {
        width: 150px;
        height: 45px;
        float: left;
        background : url(../images/nav/logo-dickson.png) transparent no-repeat 0 0;
}
#footer div.logo span {
        display: block;
        height: 45px;
        /* On cache le texte du logo tout en le gardant pour accessiblité/référencement */
        text-indent: 150%;
        white-space: nowrap;
        overflow: hidden;
}

#footer div.footer-markets {
        background-color: #ffffff;
        padding: 10px 0;
        border-bottom: 6px solid #c92d32;
}
#footer div.footer-markets li {
        display: inline-block;
        vertical-align: top;
        margin-right: 2px;
	padding-top: 3px;
}
#footer div.footer-markets li a {
        display: block;
        width: 155px;
        padding: 5px 0;
	text-align: center;
        text-decoration: none;
}
#footer div.footer-markets li a:hover {
        background-color: #ddd;
}
#footer div.footer-markets li a span {
        line-height: 1.5em;
}
#footer div.footer-markets span.market-title {
        display: block;
        font-size: 9pt;
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
}
#footer div.footer-markets span.market-description {
        color: #8d8d90;
        font-size: 9pt;
}

#footer div.footer-content {
        background-color: #242222;
}

#footer h3 {
        margin: 20px 0 10px;
        color: #fff;
        font-size: 14pt;
        text-align: left;
}
#footer .corporate h3 {
	color: #515256;
}
#footer div.container p {
        color: #ccc;
}
#footer div.container .corporate p, #footer div.container .warranty p, #footer div.container .warranty p strong {
	color: #1c1f26;
	text-align: justify;
}
#footer div.container .warranty p a {
	color: #db0027;
}
#footer div.container p strong {
        color: #fff;
        font-weight: bold;
}

#footer div.container p a {
        color: #fff;
}
#footer .corporate img {
        margin-top: 20px;
}
.footer-upperline {
        /*border-top-color: #666;
        border-top-style: solid;
        border-top-width: 1px;*/
        margin-bottom: 0;
        text-align: center;
	padding-bottom:20px;
}

#footer .description-droits {
    margin-bottom: 0;
}

#footer .disclaimer, #footer .rights-reserved {
	text-align: center;
}

#footer .disclaimer {
	margin: 20px 0 0;
	font-size: .9em;
}

#footer .rights-reserved {
        font-size: 1.1em;
	margin: 10px auto 15px;
}

#footer .push-contact {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #ffffff;
	border-bottom: 6px solid #c92d32;
}
#footer .push-contact .push-contact-header h2 {
	text-align: center;
}
#footer .push-contact .push-contact-links .link {
	width: 22%;
	margin-right: 3%;
	float: left;
	text-align: center;
}
#footer .push-contact .container-img {
	height: 35px;
	position: relative;
}
#footer .push-contact .container-img img {
	position: absolute;
	bottom: 0;
	left: 87px;
}
#footer .push-contact .push-contact-links {
	width: 100%;
	float: left;
	padding-top: 20px;
}
#footer .push-contact div.container p {
	color: #8e8d91;
	text-align: center;
}
#footer .push-contact a {
	float: left;
	width: 100%;
	text-decoration: none;
	color: #8e8d91;
}
#footer  .push-contact div.container p a, #footer  .push-contact div.container p a:visited {
	color: #8e8d91;
}
#footer .push-contact p a:hover {
	text-decoration: none;
}
#footer .push-contact h3 {
	color: #000;
	font-size: 18px;
	margin: 10px 0;
	padding-bottom: 10px;
	text-align: center;
}
#footer .push-contact h5 {
	text-align: center;
	margin: 0 0 20px 0;
}
#footer .push-contact h4 {
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 10px;
}
#footer #cookies {
	z-index:999;
	display:none;
	background-color:rgba(0, 0, 0, 0.75);
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	padding:10px 0;
}
#footer #cookies #cookies-close {
	position:absolute;
	top:5px;
	right:5px;
	color:#fff;
}
#footer #cookies #cookies-text {
	margin:0;
	padding: 0 23px;
	color:#fff;
	text-align:center;
}

/* Social networks */
#footer #social-networks {
	margin-top:20px;
}
#footer #social-networks .social-network {
	color:#fff;
	border:1px solid transparent;
	font-size:20px;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: -webkit-transform .25s ease-in;
	-moz-transition: -moz-transform .25s ease-in;
	-ms-transition: -o-transform .25s ease-in;
	-o-transition: -o-transform .25s ease-in;
	transition: transform .25s ease-in;
}
#footer #social-networks .social-network:not(:last-of-type) {
	margin-right: 10px;
}
#footer #social-networks .social-network:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#footer #social-networks .social-network.facebook {
	background-color:#45619D;
}
#footer #social-networks .social-network.pinterest {
	background-color:#C91D1F;
}
#footer #social-networks .social-network.twitter {
	background-color:#1DA1F2;
}
#footer #social-networks .social-network.instagram {
	background-color:#125688;
}
#footer #social-networks .social-network.linkedin {
	background-color:#0077B5;
}
#footer #social-networks .social-network.youtube {
	background-color:#E62117;
}
/* Mentions légales */
#footer #mentions-legales {
	margin:0;
	padding:20px;
	color:#fff;
	background-color:#222;
	border-top: 1px solid #333;
}
#footer #mentions-legales a {
	color:#fff;
	text-decoration:none;
}
#footer #mentions-legales ul {
	list-style: none;
	text-align: center;
}
#footer #mentions-legales ul li {
	display: inline-block;
	padding: 0 20px;
}
#footer #mentions-legales ul li:not(:last-of-type) {
	border-right:1px solid #fff;
}

/*--------------------------------------------------------
Cart
--------------------------------------------------------*/

.cart {
        position: fixed;
        right: -300px;
        top: 154px;
        z-index: 100;
        width: 300px;
        background: url(../images/logos-pictos/cart.png) 0 20px no-repeat transparent;
        padding-left: 50px;
        cursor: pointer;
        z-index: 1001;
}

.cart.empty {
        display: none;
}

.cart .cart-content {
        color: #FFF;
        padding: 20px;
        background-color: #db0027;
        min-height: 200px;
}
.cart .cart-content h3 {
        font-size:16px;
        border-bottom:1px solid #333;
        padding-bottom:6px;
        margin-bottom:10px;
        color: #fff;
}

.cart .cart-content h3 span {
        font-size:12px;
        background:#fff;
        float:right;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        padding:2px 4px 1px;
        color: #333333;
}

.cart .cart-content ul {
        margin:0;
        padding:0;
}

.cart .cart-content ul li {
        color:#252525;
        padding:8px 0;
}

.cart .cart-content ul li a:hover {
        text-decoration:underline;
}

.cart .cart-content ul li p {
        margin: 0;
        float:right;
        color: #fff;
        font-size:14px;
}

.cart .cart-content .fdp,.cart .cart-content .total {
        border:none;
}

.cart .cart-content .fdp p,.cart .cart-content .total p {
        color:#FFF;
        font-size:12px;
}

.cart .cart-content .fdp p span,.cart .cart-content .total p span {
        text-align:right;
        display:inline-block;
        font-size:14px;
        font-weight: bold;
}

.cart .cart-content .total p,.cart .cart-content .total p span {
        font-size:18px;
}

.cart .cart-content .btn-grey {
        float:right;
}

.cart .cart-content .btn-blue {
        float:left;
}

.cart .cart-content ul li a,.cart .cart-content ul li>span {
        color:#FFF;
        float:left;
        width:170px;
        overflow:hidden;
}
.cart .cart-action {
        margin-top: 15px;
        color: #fff;
        font-size: 12pt;
        text-decoration: none;

        padding: 5px;

        border: 1px solid #fff;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
}

.cart .cart-action:hover {
        background-color: #fff;
        color: #333;
}


/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#footer div.footer-markets .container{

		margin: 0 auto;
	}


	#footer div.footer-markets li a {
		display: block;
		width: inherit;
	}

	#footer div.footer-markets span.market-description, #footer div.footer-markets span.market-title {
		font-size: 8pt;
	}

	.degrade {
		margin: 40px 0;
		padding: 20px 0
	}


}
/* -- MOBILE -- */
@media only screen and (max-width: 767px) {

	#footer div.footer-markets .container{
		/*	width:100%;
			margin: 0 5px;*/
	}

	#footer div.footer-markets li {
		clear: both;
		float: left;
	}

	#footer div.footer-markets span.market-description {
		display: none;
	}

	#footer div.footer-markets li a {
		text-align: left;

	}

	h1 {     font-size: 28px;}
	h2 {     font-size: 22px;}
	h3 {     font-size: 18px;}
	h4 {     font-size: 14px;}


	.degrade {
		margin: 40px 0;
		padding: 20px 0
	}

	
	.photo {
		width: 100%;
	}
	#footer .push-contact .push-contact-links {
		width: 100%;
	}
	#footer .push-contact .container-img img {
		position: relative;
		bottom: 0;
		left: 0;
	}
	#footer .push-contact .push-contact-links .link {
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}

}

@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}

.icons8-container {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	border:2px solid #fff;
	width: 100px;
	height: 100px;
	padding: 18px;
	margin: auto;
}
.icons8 {
	display: inline-block;
	background-size: contain;
}
.icons8.icons8_circle {
	background-image:url('../svg/3_circle.svg');
}
.icons8.icons8_blur {
	background-image:url('../svg/blur.svg');
}
.icons8.icons8_electro_device {
	background-image:url('../svg/electro_devices.svg');
}
.icons8.icons8_housekeeper {
	background-image:url('../svg/housekeeper_male.svg');
}
.icons8.icons8_housekeeping {
	background-image:url('../svg/housekeeping.svg');
}
.icons8.icons8_instense_rain {
	background-image:url('../svg/intense_rain.svg');
}
.icons8.icons8_left_shoe {
	background-image:url('../svg/left_shoe.svg');
}
.icons8.icons8_mens_shoe {
	background-image:url('../svg/mens_shoe.svg');
}
.icons8.icons8_no_alcohol {
	background-image:url('../svg/no_alcohol.svg');
}
.icons8.icons8_quick_mode_on {
	background-image:url('../svg/quick_mode_on.svg');
}
.icons8.icons8_right_shoe {
	background-image:url('../svg/right_shoe.svg');
}
.icons8.icons8_security_checked {
	background-image:url('../svg/security_checked.svg');
}
.icons8.icons8_shield {
	background-image:url('../svg/shield.svg');
}
.icons8.icons8_sun {
	background-image:url('../svg/sun.svg');
}
.icons8.icons8_walking {
	background-image:url('../svg/walking.svg');
}
.icons8.icons8_water {
	background-image:url('../svg/water.svg');
}
.icons8.icons8_wet {
	background-image:url('../svg/wet.svg');
}


/* VIDEO */
.video-autoplay {
	position:relative;
}
.video-autoplay video {
	display:block;
	width:100%;
}
.video-autoplay a {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	opacity:0;
	transition:opacity .5s ease-in;
	background-color:rgba(255,255,255,.35);
	background-image:url(../svg/replay.svg);
	background-size:100px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.video-autoplay a.active {
	opacity:1;
}