/* ezstyle.css */
/* © easyElement */

/* Default & reset */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(/style/theme/eztheme/font/opensans-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html {
	font-size: 100%;
	font: 1em 'Open Sans', sans-serif;
	font-style: normal;
	line-height: 1.15em;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	background-color: #fff;
	color: #646464;
	text-align: center;
	margin: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

*, *:before, *:after, *::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

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

summary {
	display: list-item;
}

figure {
	margin: 1em 40px;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	outline: 0;
	color: #646464;
	text-decoration: underline;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: color 0.7s ease;
	-moz-transition: color 0.7s ease;
	-o-transition: color 0.7s ease;
	transition: color 0.7s ease;
}

a:active, a:hover {
	color: #000;
	outline: 0;
	outline-width: 0;
	-webkit-transition: color 0.7s ease;
	-moz-transition: color 0.7s ease;
	-o-transition: color 0.7s ease;
	transition: color 0.7s ease;
}

a span {
	text-decoration: none !important;
	display: inline-block;
}

abbr[title] {
	border-bottom: 1px dotted;
	/* border-bottom: none; */
	text-decoration: underline;
	text-decoration: underline dotted;
}

b, strong {
	font-weight: inherit;
	font-weight: bolder;
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, small {
	margin: 0;
	padding: 0;
}

img, object, embed {
	max-width: 100%;
	height: auto;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	border-style: none;
	outline: none;
}

svg:not(:root) {
	overflow: hidden;
}

#map_canvas img, .map_canvas img {
	max-width: none !important;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

form {
	margin: 0;
}

button, input, optgroup, select, textarea {
	color: inherit;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
	font-family: sans-serif;
	line-height: 1.15;
}

button, input {
	overflow: visible;
	line-height: normal;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], [type="reset"], [type="submit"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button::-moz-focusring,
[type="button"]::-moz-focusring,
[type="reset"]::-moz-focusring,
[type="submit"]::-moz-focusring {
	outline: 1px dotted ButtonText;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input:focus, select:focus, textarea:focus, button:focus, .form_button:focus, .box_button:focus {
	outline: none;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	border-radius: 4px;
	vertical-align: middle;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

label, select, button, input {
	cursor: pointer;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
}

textarea {
	overflow: auto;
	vertical-align: text-bottom;
	width: 100%;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

ul {
	list-style-type: none;
}

p {
	font-weight: 300;
}

/* Custom */

body {
	font-size: 70%;
}
@media (min-width: 36em)
{
	body {
		font-size: 80%;
	}
}
@media (min-width: 58em)
{
	body {
		font-size: 90%;
	}
}
@media (min-width: 86em)
{
	body {
		font-size: 100%;
	}
}
@media (min-width: 115em)
{
	body {
		font-size: 110%;
	}
}
@media (min-width: 125em)
{
	body {
		font-size: 120%;
	}
}
@media (min-width: 145em)
{
	body {
		font-size: 130%;
	}
}

@media (min-width: 58em)
{
	h1 {
		font-size: calc(2.75em + 70%);
	}
}

body {
	-webkit-animation: fade-in ease-in-out 1.1s;
	-moz-animation: fade-in ease-in-out 1.1s;
	-o-animation: fade-in ease-in-out 1.1s;
	animation: fade-in ease-in-out 1.1s;
}

@-moz-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

header {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

#header_inner {
	margin: 0;
	z-index: 101;
}

#ban {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 102;
	overflow: hidden;
}

#small_ban {
	display: none;
}

#ban img {
	text-align: center;
	min-width: 50px;
}

.resize_ban {

	-webkit-animation: ezban 2s ease-in 10s forwards;
	-moz-animation: ezban 2s ease-in 10s forwards;
	-o-animation: ezban 2s ease-in 10s forwards;
	animation: ezban 2s ease-in 10s forwards;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}


@-moz-keyframes ezban {
	0% { width: 200px; }
	100% { width: 100px; }
}
@-webkit-keyframes ezban {
	0% { width: 200px; }
	100% { width: 100px; }
}
@-o-keyframes ezban {
	0% { width: 200px; }
	100% { width: 100px; }
}
@keyframes ezban {
	0% { width: 200px; }
	100% { width: 100px; }
}

#menunav {
	background-color: #f5f2ed;
	color: #fff;
	text-align: center;
	width: 100%;
	position: static;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 103;
}

#header_inner nav {
	color: #fff;
	background-color: #f5f2ed;
	margin: 0;
}

.nav {
	color: #fff;
	text-align: center;
	background-color: #f5f2ed;
	overflow: hidden;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

#menunav a {
	position: relative;
	color: #646464;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0 1em;
	font: 0.75em 'Open Sans', sans-serif;
	font-style: normal;
	letter-spacing: 0.29em;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#menunav a span {
	margin-right: -0.29em;
	white-space: nowrap;
}

#menunav a span:hover {
	color: #000000;
}

#menunav a span::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #000000;
	visibility: hidden;
	color: #000000;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	white-space: nowrap;
}

#menunav a span:hover::before {
	visibility: visible;
	color: #000000;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	white-space: nowrap;
}

#menunav a.active {
	color: #000000;
}

.ezparallax {
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	margin: 0;
	position: relative;
}

@media screen
and (max-width: 64.000em) /* 1024px */
{
	.ezparallax_image_contact {
		background-image: url("/style/image/easyElement-contact-1024.jpg");
	}
}

@media screen
and (min-width: 64.001em) /* 1025px */
and (max-width: 120.000em) /* 1920px */
{
	.ezparallax_image_contact {
		background-image: url("/style/image/easyElement-contact-HD.jpg");
	}
}

@media screen
and (min-width: 120.001em) /* 1921px */
and (max-width: 133.500em) /* 2136px */
{
	.ezparallax_image_contact {
		background-image: url("/style/image/easyElement-contact-2K.jpg");
	}
}

@media screen
and (min-width: 133.501em) /* 2137 */
{
	.ezparallax_image_contact {
		background-image: url("/style/image/easyElement-contact-4K.jpg");
	}
}

@media screen
and (max-width: 64.000em) /* 1024px */
{
	.ezparallax_image_home {
		background-image: url("/style/image/easyElement-home-1024.jpg");
	}
}

@media screen
and (min-width: 64.001em) /* 1025px */
and (max-width: 120.000em) /* 1920px */
{
	.ezparallax_image_home {
		background-image: url("/style/image/easyElement-home-HD.jpg");
	}
}

@media screen
and (min-width: 120.001em) /* 1921px */
and (max-width: 133.500em) /* 2136px */
{
	.ezparallax_image_home {
		background-image: url("/style/image/easyElement-home-2K.jpg");
	}
}

@media screen
and (min-width: 133.501em) /* 2137 */
{
	.ezparallax_image_home {
		background-image: url("/style/image/easyElement-home-4K.jpg");
	}
}

@media screen
and (max-width: 64.000em) /* 1024px */
{
	.ezparallax_image_it {
		background-image: url("/style/image/easyElement-IT-1024.jpg");
	}
}

@media screen
and (min-width: 64.001em) /* 1025px */
and (max-width: 120.000em) /* 1920px */
{
	.ezparallax_image_it {
		background-image: url("/style/image/easyElement-IT-HD.jpg");
	}
}

@media screen
and (min-width: 120.001em) /* 1921px */
and (max-width: 133.500em) /* 2136px */
{
	.ezparallax_image_it {
		background-image: url("/style/image/easyElement-IT-2K.jpg");
	}
}

@media screen
and (min-width: 133.501em) /* 2137 */
{
	.ezparallax_image_it {
		background-image: url("/style/image/easyElement-IT-4K.jpg");
	}
}

@media screen
and (max-width: 64.000em) /* 1024px */
{
	.ezparallax_image_num {
		background-image: url("/style/image/easyElement-num-1024.jpg");
	}
}

@media screen
and (min-width: 64.001em) /* 1025px */
and (max-width: 120.000em) /* 1920px */
{
	.ezparallax_image_num {
		background-image: url("/style/image/easyElement-num-HD.jpg");
	}
}

@media screen
and (min-width: 120.001em) /* 1921px */
and (max-width: 133.500em) /* 2136px */
{
	.ezparallax_image_num {
		background-image: url("/style/image/easyElement-num-2K.jpg");
	}
}

@media screen
and (min-width: 133.501em) /* 2137 */
{
	.ezparallax_image_num {
		background-image: url("/style/image/easyElement-num-4K.jpg");
	}
}

@media screen
and (max-width: 64.000em) /* 1024px */
{
	.ezparallax_image_photo {
		background-image: url("/style/image/easyElement-photo-1024.jpg");
	}
}

@media screen
and (min-width: 64.001em) /* 1025px */
and (max-width: 120.000em) /* 1920px */
{
	.ezparallax_image_photo {
		background-image: url("/style/image/easyElement-photo-HD.jpg");
	}
}

@media screen
and (min-width: 120.001em) /* 1921px */
and (max-width: 133.500em) /* 2136px */
{
	.ezparallax_image_photo {
		background-image: url("/style/image/easyElement-photo-2K.jpg");
	}
}

@media screen
and (min-width: 133.501em) /* 2137 */
{
	.ezparallax_image_photo {
		background-image: url("/style/image/easyElement-photo-4K.jpg");
	}
}

.ezh1contact h1 {
	top: 42%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-70%);
	-moz-transform: translateX(-50%) translateY(-70%);
	-o-transform: translateX(-50%) translateY(-70%);
	-ms-transform: translateX(-50%) translateY(-70%);
	transform: translateX(-50%) translateY(-70%);
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.5em;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	color: #646464;
	background:	rgb(245,242,237);
	background: transparent\9;
	background:	rgba(245,242,237,0.95);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f5f2ed,endColorstr=#f2f5f2ed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f5f2ed,endColorstr=#f2f5f2ed);
	zoom:1;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	white-space: nowrap;
}

.ezh1home h1, .ezh1it h1, .ezh1num h1, .ezh1photo h1 {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-70%);
	-moz-transform: translateX(-50%) translateY(-70%);
	-o-transform: translateX(-50%) translateY(-70%);
	-ms-transform: translateX(-50%) translateY(-70%);
	transform: translateX(-50%) translateY(-70%);
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1.5em;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	color: #646464;
	background:	rgb(245,242,237);
	background: transparent\9;
	background:	rgba(245,242,237,0.95);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f5f2ed,endColorstr=#f2f5f2ed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f5f2ed,endColorstr=#f2f5f2ed);
	zoom:1;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	white-space: nowrap;
}

.arrow_down {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 25px;
	margin-left: -15px;
	cursor: pointer;
	z-index: 2;
}

.arrow_up {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: -25px;
	padding-top: 8px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	z-index: 12;
}

main {
	z-index: 1;
	display: block;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	padding-bottom: 12em;
	overflow: hidden;
}

#photo_wrapper {
	display: inline-block;
	width: 100%;
	z-index: 2;
	visibility: hidden;
}

.photo_wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 0;
}

.photo_wrapper figure {
	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.photo_wrapper_fig {
	position: relative;
	overflow: hidden;
	display: inline-block;
	max-width: 952px;
	width: 25%;
	height: auto;
}

.photo_wrapper_fig img {
	display: block;
	-webkit-filter: blur(0);
	filter: blur(0);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.photo_wrapper_fig figcaption {
	box-sizing: border-box;
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 4% 0.2%;
	font: 'Open Sans', sans-serif;
	font-size: 0.8vw;
	letter-spacing: 0.1em;
	width: 100%;
	bottom: 0;
	color: #fff;

	left: -100%;
	background: rgb(0,0,0);
	background: transparent\9;
	background: rgba(0,0,0,0.4);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	max-width: 100%;
	z-index: 3;
}

.photo_wrapper_fig:hover figcaption {
	left: 0;
}

.photo_wrapper_fig img:hover {
	-webkit-filter: blur(3px) brightness(95%);
	filter: blur(3px) brightness(95%);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

#content_wrapper {
	display: inline-block;
	padding-top: 1.9em;
	padding-bottom: 1em;
}

.home_content_wrapper h1 {
	color: #646464;
	letter-spacing: 0.2em;
	text-align: center;
	font: 1em 'Open Sans', sans-serif;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.content_wrapper {
	color: #646464;
	font: 1em 'Open Sans', sans-serif;
	font-style: normal;
	letter-spacing: 0.1em;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width: 66%;
	min-width: 872px;
	line-height: 2em;
}

a.justgray {
	text-decoration: underline;
	color: #646464;
}

.left {
	text-align: left;
}

.content_wrapper h1 {
	font: 1.5em 'Open Sans', sans-serif;
	color: #646464;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0;
	margin-bottom: 0.5em;
}

.content_wrapper p {
	margin: 0;
	line-height: 2em;
}

div.content_wrapper_part {
	display: block;
	width: 100%;
	clear: both;
	background: #fafafa;
}

div.content_wrapper_part_top {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	display: block;
	position: relative;
	color: #000;
	width: 100%;
	height: 10vh;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.it_top {
	background-image: url("/style/image/easy-it-top.jpg");
}

div.num_top {
	background-image: url("/style/image/easy-num-top.jpg");
}

.content_wrapper ul {
	text-align: left;
	list-style: none;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding: 1em;
}

.content_wrapper li {
	position: relative;
	margin-right: 1em;
	margin-left: 1em;
}

.content_wrapper li.photo::before {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.74em;
	top: 0.45em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-photo.svg");
    background-size: 1em 1em;
	background-position: center center;
}

.content_wrapper li.k7::before  {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.75em;
	top: 0.55em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-k7.svg");
    background-size: 1em 1em;
	background-position: center center;
}

.content_wrapper li.film::before  {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.75em;
	top: 0.4em;
    width: 1.2em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-film.svg");
    background-size: 1.2em 1.2em;
	background-position: center center;
}

.content_wrapper li.bobine::before  {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.75em;
	top: 0.3em;
    width: 1.2em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-bobine.svg");
    background-size: 1.2em 1.2em;
	background-position: center center;
}

.content_wrapper li.strip::before  {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.75em;
	top: 0.55em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-strip.svg");
    background-size: 1em 1em;
	background-position: center center;
}

.content_wrapper li.diapo::before  {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -1.75em;
	top: 0.55em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url("/style/image/icon/num-diapo.svg");
    background-size: 1em 1em;
	background-position: center center;
}

.content_wrapper ul.gene {
	text-align: left;
	list-style: circle;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding: 1em;
}

p.p_wrapper_section {
	font: 1.2em 'Open Sans', sans-serif;
	font-style: normal;
	text-decoration: underline;
	padding: 1em;
}

p.p_wrapper {
	padding: 1em;
}

p.p_wrapper + p.p_wrapper_section {
	margin-top: 1em;
}

p.p_wrapper + p.p_wrapper {
	margin-top: 0.5em;
}

div.exemple {
	position: relative;
	display: block;
    margin: auto;
    text-align: center;
	z-index: 110;
}

div.content_wrapper_part_bottom {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	position: relative;
	color: #000;
	width: 100%;
	height: 15vh;
	min-height: 300px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.it_bottom {
	background-image: url("/style/image/easy-it-bottom.jpg");
}

div.it_cust_bottom {
	background-image: url("/style/image/easy-it-particulier.jpg");
	background-position: center bottom;
}

div.it_pro_bottom {
	background-image: url("/style/image/easy-it-pro.jpg");
}


div.num_bottom {
	background-image: url("/style/image/easy-num-bottom.jpg");
}

.box_left {
	color: #000;
	background-color: rgba(245,242,237,0.8);
	position: absolute;
	left: 3em;
	top: 50%;
    transform: translateY(-50%); 
	display: inline-block;
	height: 17em;
	max-height: 220px;
	width: 36%;
	min-width: 190px;
	padding: 1em;
	text-align: center;
	border-radius: 2px;
	vertical-align: middle;
}

.box_right {
	color: #000;
	background-color: rgba(245,242,237,0.8);
	position: absolute;
	right: 3em;
	top: 50%;
    transform: translateY(-50%);
	display: inline-block;
	height: 17em;
	max-height: 220px;
	width: 36%;
	min-width: 190px;
	padding: 1em;
	text-align: center;
	border-radius: 2px;
	vertical-align: middle;
}

.box_button {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	color: #000;
	font-size: 0.75em;
	padding: 0.25em 0.4em;
	position: absolute;
	bottom: 1.25em;
	left: 50%;
	margin-left: -4em;
	text-decoration: none;
	width: 8em;
	white-space: nowrap;
}

.box_button:hover {
	background-color: #000;
	color: #f5f5f5;
}

.box_right h2, .box_left h2 {
	color: #000;
	text-transform: uppercase;
	margin: 0;
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 0.2em;
}

.box_right p, .box_left p {
	color: 000;
	margin: 0 0 1.5em;
	font-size: 0.875em;
}

.ezp {
	margin-bottom: 1em;
}

#ezform {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}

input:focus.ezform, textarea:focus.ezform {
	border-color: #000;
}

form {
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #646464;
	border-radius: 10px;
	margin-top: 2em;
	margin-bottom: 2em;
	max-width: 1000px;
}

form div + div {
	margin-top: 1em;
}

.form_control {
	width: 100%;
	height: 2.5em;
	padding: 0.33em 0.9em;
	font-size: 1em;
	line-height: 1.42857143em;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=180, Strength=1);
	-webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.form_control:focus {
	border-color: #646464;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#646464, Direction=180, Strength=4);
}

textarea.form_control {
	height: auto;
	overflow: auto;
	resize: vertical;
}

#ezform label {
	display: block;
	width: 100%;
	text-align: left;
	color: #646464;
	font: 0.9em 'Open Sans', sans-serif;
	font-style: normal;
}

.form_control input, .form_control textarea {
	font: 0.85em sans-serif;
	width: 65%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #999;
}

.form_control input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form_button {
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	border-radius: 4px;
	border: 1px solid #ccc;
	font: 0.9em 'Open Sans', sans-serif;
	font-style: normal;
}

.form_button:hover {
	border-color: #646464;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#646464, Direction=180, Strength=4);
}

#checkspam {
	clear: both;
	display: inline-block;
	text-align: left;
}

#captchaImage {
	vertical-align: middle;
}

#checkcaptcha {
	vertical-align: middle;
	width: 20%;
}

#reload_captcha {
	vertical-align: middle;
}

img#reload_captcha {
	cursor: pointer;
}

.form_control_captcha {
	width: 100%;
	height: 2.5em;
	padding: 0.33em 0.85em;
	font-size: 1em;
	line-height: 1.42857143em;
	color: #000;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=180, Strength=1);
	-webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.form_control_captcha:focus {
	border-color: #646464;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#646464, Direction=180, Strength=4);
}

footer {
	background-color: #333333;
	background-image: url('/style/image/icon/easyElement-transparent.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 252px 252px;
	min-height: 252px;
	max-height: 252px;
	height: 252px;
	color: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	width: 100%;
	position: relative;
	z-index: 10;
}

footer nav {
	height: 84px;
	line-height: 84px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}

#footerlink {
	color: #fff;
	clear: both;
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	font: 0.7em 'Open Sans', sans-serif;
	font-style: normal;
	letter-spacing: 0.3em;
}

#footerlink span {
	margin-right: -0.3em;
}

.footerlink {
	color: #fff;
	text-decoration: none;
}

.footerlink ul {
	padding: 0;
	margin: 0;
	display: inline-block;
	list-style-type: none;
}

.footerlink ul li {
	color: #fff;
	line-height: 2em;
	padding: 0 2em;
	display: inline-block;
}

.footerlink ul li a {
	color: #fff;
	text-decoration: none;
	position: relative;
}

.footerlink ul li a:hover {
	color: #cccccc;
}

.footerlink ul li a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #cccccc;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.footerlink ul li a:hover::before {
	visibility: visible;
	color: #cccccc;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

#footerlink a.active {
	color: #cccccc;
}

.footer_icon_ban {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 84px;
	overflow: hidden;
	z-index: 11;
}

.footer_icon_ban a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding: 0;
	margin: 0;
	line-height: 84px;
}

.footer_social_popout {
	display: inline-block;
	height: 48px;
	width: 48px;
	vertical-align: middle;
	margin: 0 1.5em;
}

.footer_social_popout img {
	border-radius: 50%;
	vertical-align: middle;
	width: 100%;
}

.footer_social_popout img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#copyright {
	display: inline-block;
	width: 100%;
	position: relative;
	height: 84px;
	vertical-align: middle;
	margin: 0 auto;
	text-align: center;
	font: 0.6em 'Open Sans', sans-serif;
	font-style: normal;
	line-height: 84px;
	letter-spacing: 0.15em;
}

.copyright {
	text-decoration: none;
	vertical-align: bottom;
}

.copyright ul {
	color: #fff;
	text-decoration: none;
	padding: 0 1em;
}

@-moz-keyframes ezslide {
	0% { left: 0%; opacity: 0; }
	1% { left: 0%; opacity: 1; }
	20% { left: 0%; }
	30% { left: -100%; }
	40% { left: -100%; }
	50% { left: -200%; }
	60% { left: -200%; }
	70% { left: -300%; }
	80% { left: -300%; }
	90% { left: -400%; }
	99% { left: -400%; opacity: 1; }
	100% { left: -400%; opacity: 0; }
}
@-webkit-keyframes ezslide {
	0% { left: 0%; opacity: 0; }
	1% { left: 0%; opacity: 1; }
	20% { left: 0%; }
	30% { left: -100%; }
	40% { left: -100%; }
	50% { left: -200%; }
	60% { left: -200%; }
	70% { left: -300%; }
	80% { left: -300%; }
	90% { left: -400%; }
	99% { left: -400%; opacity: 1; }
	100% { left: -400%; opacity: 0; }
}
@-o-keyframes ezslide {
	0% { left: 0%; opacity: 0; }
	1% { left: 0%; opacity: 1; }
	20% { left: 0%; }
	30% { left: -100%; }
	40% { left: -100%; }
	50% { left: -200%; }
	60% { left: -200%; }
	70% { left: -300%; }
	80% { left: -300%; }
	90% { left: -400%; }
	99% { left: -400%; opacity: 1; }
	100% { left: -400%; opacity: 0; }
}
@keyframes ezslide {
	0% { left: 0%; opacity: 0; }
	1% { left: 0%; opacity: 1; }
	20% { left: 0%; }
	30% { left: -100%; }
	40% { left: -100%; }
	50% { left: -200%; }
	60% { left: -200%; }
	70% { left: -300%; }
	80% { left: -300%; }
	90% { left: -400%; }
	99% { left: -400%; opacity: 1; }
	100% { left: -400%; opacity: 0; }
}

div#slider {
	overflow: hidden !important;
}

div#slider figure img {
	overflow: hidden !important;
	width: 10%;
	float: left;
}

div#slider figure {
	overflow: hidden !important;
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	-webkit-animation: 30s ezslide infinite;
	-moz-animation: 30s ezslide infinite;
	-o-animation: 30s ezslide infinite;
	animation: 30s ezslide infinite;
}

div#outer_slider {
	overflow: hidden !important;
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	visibility: hidden;
}

.ezcompare_container {
	position: relative;
	width: 100%;
	max-width: 400px;
	margin: 0em auto;
	z-index: 110;
}

.ezcompare_container img {
	display: block;
}

.ezcompare_label {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: 1em;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-o-transition: -o-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.ezcompare_label .is_hidden {
	visibility: hidden;
}

.is_visible .ezcompare_label {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.ezresize_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ezresize_img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
	overflow: hidden;
}

.ezresize_img .ezcompare_label {
	right: auto;
	left: 0;
}

.is_visible .ezresize_img {
	width: 50%;
	-webkit-animation: ez-bounce-in 0.7s;
	-moz-animation: ez-bounce-in 0.7s;
	-o-animation: ez-bounce-in 0.7s;
	animation: ez-bounce-in 0.7s;
}

@-webkit-keyframes ez-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 65%;
	}
	100% {
		width: 50%;
	}
}
@-moz-keyframes ez-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 65%;
	}
	100% {
		width: 50%;
	}
}
@-o-keyframes ez-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 65%;
	}
	100% {
		width: 50%;
	}
}
@keyframes ez-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 65%;
	}
	100% {
		width: 50%;
	}
}

.ezcompare_handle {
	position: absolute;
	height: 30px;
	width: 30px;
	left: 50%;
	top: 94.9%;
	margin-left: -15px;
	margin-top: -15px;
	border-radius: 50%;
	background: #646464 url("/style/image/icon/ezarrows.svg") no-repeat center center;
	cursor: ew-resize;
	box-shadow: 0 0 0 4px rgba(0,0,0,0.2),0 0 6px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.3);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: translate3d(0, 0, 0) scale(0);
}

.ezcompare_handle .draggable {
	background-color: #9b9b9b;
}

.is_visible .ezcompare_handle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
	-o-transition: -o-transform 0.3s 0.7s, opacity 0s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.jumptarget::before {
	content: "";
	display: block;
}

.successalert {
	color: #646464;
	text-align: center;
	margin-bottom: 0;
	margin-top: 2em;
}

.alert {
	color: #ff0000;
	text-align: center;
	margin-bottom: 0;
	margin-top: 2em;
}

.not_mob {
	display: none !important;
}

.clear {
	clear: both;
}

.hidden {
	display: none !important;
}

.importantVisible {
	visibility: visible !important;
}

a.active {
	color: #cccccc;
}

.coming_soon {
	text-decoration: line-through;
	cursor: help;
}

.coming_soon div {
	text-decoration: none;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: -1em;
	margin-left: -20%;
}

.coming_soon span:hover + div {
	text-decoration: none;
	cursor: help;
	display: block;
	width: auto;
	line-height: 1em;
	padding: 8px;
	font-size: 0.9em;
	text-align: center;
	z-index: 105;
	color: #646464;
	background: rgb(255, 255, 255);
	border: 4px solid rgb(255, 255, 255);
	border-radius: 5px;
	-webkit-box-shadow: 0 0 15px rgba(100,100,100,0.6);
	-moz-box-shadow: 0 0 15px rgba(100,100,100,0.6);
	-o-box-shadow: 0 0 15px rgba(100,100,100,0.6);
	box-shadow: 0px 0px 15px rgba(100,100,100,0.6);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#646464, Direction=180, Strength=4);
	-webkit-transition: opacity 100ms ease-in;
	-o-transition: opacity 100ms ease-in;
	-moz-transition: opacity 100ms ease-in;
	transition: opacity 100ms ease-in;
	pointer-events: none;
	white-space: nowrap;
}


.coming_soon div:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	text-decoration: none;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #ffffff transparent transparent;
	top: 1em;
	left: -23px;
}