@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
.ajax-pages-loading * {
	cursor: progress !important
}
#autocomplete {
	border: 1px solid;
	overflow: hidden;
	position: absolute;
	z-index: 100
}
#autocomplete ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}
#autocomplete li {
	background: #fff;
	color: #000;
	cursor: default;
	white-space: pre;
	zoom: 1
}
html.js input.form-autocomplete {
	background-image: url(https://www.maecia.com/misc/throbber-inactive.png);
	background-position: 100% center;
	background-repeat: no-repeat
}
html.js input.throbbing {
	background-image: url(https://www.maecia.com/misc/throbber-active.gif);
	background-position: 100% center
}
html.js fieldset.collapsed {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	height: 1em
}
html.js fieldset.collapsed .fieldset-wrapper {
	display: none
}
fieldset.collapsible {
	position: relative
}
fieldset.collapsible .fieldset-legend {
	display: block
}
.form-textarea-wrapper textarea {
	display: block;
	margin: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.resizable-textarea .grippie {
	background: #eee url(https://www.maecia.com/misc/grippie.png) no-repeat center 2px;
	border: 1px solid #ddd;
	border-top-width: 0;
	cursor: s-resize;
	height: 9px;
	overflow: hidden
}
body.drag {
	cursor: move
}
.draggable a.tabledrag-handle {
	cursor: move;
	float: left;
	height: 1.7em;
	margin-left: -1em;
	overflow: hidden;
	text-decoration: none
}
a.tabledrag-handle:hover {
	text-decoration: none
}
a.tabledrag-handle .handle {
	background: url(https://www.maecia.com/misc/draggable.png) no-repeat 6px 9px;
	height: 13px;
	margin: -.4em .5em;
	padding: .42em .5em;
	width: 13px
}
a.tabledrag-handle-hover .handle {
	background-position: 6px -11px
}
div.indentation {
	float: left;
	height: 1.7em;
	margin: -.4em .2em -.4em -.4em;
	padding: .42em 0 .42em .6em;
	width: 20px
}
div.tree-child {
	background: url(https://www.maecia.com/misc/tree.png) no-repeat 11px center
}
div.tree-child-last {
	background: url(https://www.maecia.com/misc/tree-bottom.png) no-repeat 11px center
}
div.tree-child-horizontal {
	background: url(https://www.maecia.com/misc/tree.png) no-repeat -11px center
}
.tabledrag-toggle-weight-wrapper {
	text-align: right
}
table.sticky-header {
	background-color: #fff;
	margin-top: 0
}
.progress .bar {
	background-color: #fff;
	border: 1px solid
}
.progress .filled {
	background-color: #000;
	height: 1.5em;
	width: 5px
}
.progress .percentage {
	float: right
}
.ajax-progress {
	display: inline-block
}
.ajax-progress .throbber {
	background: transparent url(https://www.maecia.com/misc/throbber-active.gif) no-repeat 0 center;
	float: left;
	height: 15px;
	margin: 2px;
	width: 15px
}
.ajax-progress .message {
	padding-left: 20px
}
tr .ajax-progress .throbber {
	margin: 0 2px
}
.ajax-progress-bar {
	width: 16em
}
.container-inline div, .container-inline label {
	display: inline
}
.container-inline .fieldset-wrapper {
	display: block
}
.nowrap {
	white-space: nowrap
}
html.js .js-hide {
	display: none
}
.element-hidden {
	display: none
}
.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	overflow: hidden;
	height: 1px
}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
* html .clearfix {
	height: 1%
}
*:first-child+html .clearfix {
	min-height: 1%
}
div.messages {
	background-position: 8px 8px;
	background-repeat: no-repeat;
	border: 1px solid;
	margin: 6px 0;
	padding: 10px 10px 10px 50px
}
div.status {
	background-image: url(https://www.maecia.com/misc/message-24-ok.png);
	border-color: #be7
}
div.status, .ok {
	color: #234600
}
div.status, table tr.ok {
	background-color: #f8fff0
}
div.warning {
	background-image: url(https://www.maecia.com/misc/message-24-warning.png);
	border-color: #ed5
}
div.warning, .warning {
	color: #840
}
div.warning, table tr.warning {
	background-color: #fffce5
}
div.error {
	background-image: url(https://www.maecia.com/misc/message-24-error.png);
	border-color: #ed541d
}
div.error, .error {
	color: #8c2e0b
}
div.error, table tr.error {
	background-color: #fef5f1
}
div.error p.error {
	color: #333
}
div.messages ul {
	margin: 0 0 0 1em;
	padding: 0
}
div.messages ul li {
	list-style-image: none
}
.atom-align-right {
	float: right
}
.atom-align-left {
	float: left
}
.atom-align-center {
	margin: 0 auto;
	display: table
}
.dnd-atom-wrapper {
	display: table
}
.dnd-drop-wrapper img {
	max-width: 100%;
	height: auto
}
.dnd-legend-wrapper {
	display: table-caption;
	caption-side: bottom
}
.field .field-label {
	font-weight: bold
}
.field-label-inline .field-label, .field-label-inline .field-items {
	float: left
}
form .field-multiple-table {
	margin: 0
}
form .field-multiple-table th.field-label {
	padding-left: 0
}
form .field-multiple-table td.field-multiple-drag {
	width: 30px;
	padding-right: 0
}
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
	padding-right: .5em
}
form .field-add-more-submit {
	margin: .5em 0 0
}
.node-unpublished {
	background-color: #fff4f4
}
.preview .node {
	background-color: #ffffea
}
td.revision-current {
	background: #ffc
}
#permissions td.module {
	font-weight: bold
}
#permissions td.permission {
	padding-left: 1.5em
}
#permissions tr.odd .form-item, #permissions tr.even .form-item {
	white-space: normal
}
#user-admin-settings fieldset .fieldset-description {
	font-size: .85em;
	padding-bottom: .5em
}
#user-admin-roles td.edit-name {
	clear: both
}
#user-admin-roles .form-item-name {
	float: left;
	margin-right: 1em
}
.password-strength {
	width: 17em;
	float: right;
	margin-top: 1.4em
}
.password-strength-title {
	display: inline
}
.password-strength-text {
	float: right;
	font-weight: bold
}
.password-indicator {
	background-color: #c4c4c4;
	height: .3em;
	width: 100%
}
.password-indicator div {
	height: 100%;
	width: 0;
	background-color: #47c965
}
input.password-confirm, input.password-field {
	width: 16em;
	margin-bottom: .4em
}
div.password-confirm {
	float: right;
	margin-top: 1.5em;
	visibility: hidden;
	width: 17em
}
div.form-item div.password-suggestions {
	padding: .2em .5em;
	margin: .7em 0;
	width: 38.5em;
	border: 1px solid #b4b4b4
}
div.password-suggestions ul {
	margin-bottom: 0
}
.confirm-parent, .password-parent {
	clear: left;
	margin: 0;
	width: 36.3em
}
.profile {
	clear: both;
	margin: 1em 0
}
.profile .user-picture {
	float: right;
	margin: 0 1em 1em 0
}
.profile h3 {
	border-bottom: 1px solid #ccc
}
.profile dl {
	margin: 0 0 1.5em 0
}
.profile dt {
	margin: 0 0 .2em 0;
	font-weight: bold
}
.profile dd {
	margin: 0 0 1em 0
}
.views-exposed-form .views-exposed-widget {
	float: left;
	padding: .5em 1em 0 0
}
.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 1.6em
}
.views-exposed-form .form-item, .views-exposed-form .form-submit {
	margin-top: 0;
	margin-bottom: 0
}
.views-exposed-form label {
	font-weight: bold
}
.views-exposed-widgets {
	margin-bottom: .5em
}
.views-align-left {
	text-align: left
}
.views-align-right {
	text-align: right
}
.views-align-center {
	text-align: center
}
.views-view-grid tbody {
	border-top: 0
}
.view .progress-disabled {
	float: none
}
.rteindent1 {
	margin-left: 40px
}
.rteindent2 {
	margin-left: 80px
}
.rteindent3 {
	margin-left: 120px
}
.rteindent4 {
	margin-left: 160px
}
.rteleft {
	text-align: left
}
.rteright {
	text-align: right
}
.rtecenter {
	text-align: center
}
.rtejustify {
	text-align: justify
}
.ibimage_left {
	float: left
}
.ibimage_right {
	float: right
}
.ctools-locked {
	color: red;
	border: 1px solid red;
	padding: 1em
}
.ctools-owns-lock {
	background: #ffd none repeat scroll 0 0;
	border: 1px solid #f0c020;
	padding: 1em
}
a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing {
	padding-right: 18px !important;
	background: url(https://www.maecia.com/sites/all/modules/contrib/ctools/images/status-active.gif) right center no-repeat
}
div.ctools-ajaxing {
	float: left;
	width: 18px;
	background: url(https://www.maecia.com/sites/all/modules/contrib/ctools/images/status-active.gif) center center no-repeat
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity
}
.video_thumbnail {
	min-width: 100px;
	min-height: 100px
}
.video-width-text {
	width: 10px
}
.video-thumbnails .form-item {
	float: left;
	margin-right: 10px;
	max-width: 30%;
	padding-right: 10px
}
.video_image_teaser {
	float: left;
	padding: .5em
}
br.video_image_clear {
	clear: both
}
.video-inprogress {
	border: 1px solid red;
	padding: .5em
}
.video-conversion-failed {
	border: 1px solid red;
	padding: .5em
}
.widget-edit {
	max-width: 70%
}
.widget-edit .form-item {
	white-space: normal !important
}
.admin_flv_player_wrapper {
	display: none
}
* html object.video-object {
	display: none
}
* html object.video-object {
	display: inline
}
* html object.video-object {
	display: none
}
div.video-preview {
	float: left;
	padding: 0 10px 10px 0
}
div.video-widget-data {
	float: left;
	width: 85%
}
div.video-widget-data input.text-field {
	width: auto
}
div#video-browser-page-wrapper div#video-browser-page div.video-item {
	float: left;
	height: 128px;
	padding: 5px;
	text-align: center;
	border: 1px #ccc dotted
}
div#video-browser-page-wrapper div#video-browser-page div.video-item:hover {
	background-color: antiquewhite
}
@font-face {
	font-family: 'icomoon';
	src: url(../fonts/icomoon/icomoon.eot);
	src: url(../fonts/icomoon/fonts/icomoon.eot) format('embedded-opentype'), url(../fonts/icomoon/icomoon.woff) format('woff'), url(../fonts/icomoon/icomoon.ttf) format('truetype'), url(../fonts/icomoon/icomoon.svg) format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
* {
	box-sizing: border-box
}
html, body {
	margin: 0;
	padding: 0
}
ul, ol {
	padding-left: 2em
}
ul.unstyled {
	list-style: none
}
img {
	height: auto;
	vertical-align: middle;
	border: 0
}
blockquote, figure {
	margin-left: 0;
	margin-right: 0
}
audio, canvas, video {
	display: inline-block
}
svg:not(:root) {
	overflow: hidden
}
html {
	font-size: 62.5%;
	font-size: calc(0.625em);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-size: 1.6em;
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5
}
a {
	color: #333
}
a:hover, a:focus, a:active {
	color: #000
}
p, .p-like, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure {
	margin-top: .75em;
	margin-bottom: 0;
	line-height: 1.5
}
h1, .h1-like {
	font-size: 3.2rem;
	font-family: 'Open Sans', sans-serif
}
h2, .h2-like {
	font-size: 2.8rem;
	font-family: 'Open Sans', sans-serif
}
h3, .h3-like {
	font-size: 2.4rem
}
h4, .h4-like {
	font-size: 2rem
}
h5, .h5-like {
	font-size: 1.8rem
}
h6, .h6-like {
	font-size: 1.6rem
}
.smaller {
	font-size: .75em
}
.small {
	font-size: .88em
}
.big {
	font-size: 1.13em
}
.bigger {
	font-size: 1.25em
}
.biggest {
	font-size: 1.38em
}
code, pre, samp, kbd {
	white-space: pre-line;
	white-space: pre-wrap;
	font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
	line-height: normal
}
em, .italic, address, cite, dfn, i, var {
	font-style: italic
}
strong, .bold {
	font-weight: bold
}
small, sub, sup {
	font-size: smaller
}
.visually-hidden {
	position: absolute !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(1px,1px,1px,1px) !important
}
body>script {
	display: none !important
}
@media(max-width:1024px) {
.no-small-screen {
	display: none
}
}
@media(min-width:1280px) {
.no-large-screen {
	display: none
}
}
p:first-child, .p-like: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
}
li p, li .p-like, li ul, li ol {
	margin-top: 0;
	margin-bottom: 0
}
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%
}
table {
	margin-bottom: 20px
}
.mod {
	overflow: hidden
}
.clear, .line, .row {
	clear: both
}
.clearfix:after, .line:after {
	content: "";
	display: table;
	clear: both;
	border-collapse: collapse
}
.row {
	display: table;
	table-layout: fixed;
	width: 100%
}
.row>*, .col {
	display: table-cell;
	vertical-align: top
}
.inbl {
	display: inline-block;
	vertical-align: top
}
.left, .start {
	float: left
}
img.left, img.start {
	margin-right: 10px
}
.right, .end {
	float: right
}
img.right, img.end {
	margin-left: 10px
}
img.left, img.right, img.start, img.end {
	margin-bottom: 5px
}
.center {
	margin-left: auto;
	margin-right: auto
}
.txtleft {
	text-align: left
}
.txtright {
	text-align: right
}
.txtcenter {
	text-align: center
}
.w10 {
	width: 10%
}
.w20 {
	width: 20%
}
.w25 {
	width: 25%
}
.w30 {
	width: 30%
}
.w33 {
	width: 33.3333%
}
.w40 {
	width: 40%
}
.w50 {
	width: 50%
}
.w60 {
	width: 60%
}
.w66 {
	width: 66.6666%
}
.w70 {
	width: 70%
}
.w75 {
	width: 75%
}
.w80 {
	width: 80%
}
.w90 {
	width: 90%
}
.w100 {
	width: 100%
}
.w50p {
	width: 50px
}
.w100p {
	width: 100px
}
.w150p {
	width: 150px
}
.w200p {
	width: 200px
}
.w300p {
	width: 300px
}
.w400p {
	width: 400px
}
.w500p {
	width: 500px
}
.w600p {
	width: 600px
}
.w700p {
	width: 700px
}
.w800p {
	width: 800px
}
.w960p {
	width: 960px
}
.mw960p {
	max-width: 960px
}
.w1140p {
	width: 1140px
}
.mw1140p {
	max-width: 1140px
}
.wauto {
	width: auto
}
.h100 {
	height: 100%
}
.man {
	margin: 0
}
.pan {
	padding: 0
}
.mas {
	margin: 10px
}
.mam {
	margin: 20px
}
.mal {
	margin: 40px
}
.pas {
	padding: 10px
}
.pam {
	padding: 20px
}
.pal {
	padding: 40px
}
.mtn {
	margin-top: 0
}
.mts {
	margin-top: 10px
}
.mtm {
	margin-top: 20px
}
.mtl {
	margin-top: 40px
}
.mrn {
	margin-right: 0
}
.mrs {
	margin-right: 10px
}
.mrm {
	margin-right: 20px
}
.mrl {
	margin-right: 40px
}
.mbn {
	margin-bottom: 0
}
.mbs {
	margin-bottom: 10px
}
.mbm {
	margin-bottom: 20px
}
.mbl {
	margin-bottom: 40px
}
.mln {
	margin-left: 0
}
.mls {
	margin-left: 10px
}
.mlm {
	margin-left: 20px
}
.mll {
	margin-left: 40px
}
.ptn {
	padding-top: 0
}
.pts {
	padding-top: 10px
}
.ptm {
	padding-top: 20px
}
.ptl {
	padding-top: 40px
}
.prn {
	padding-right: 0
}
.prs {
	padding-right: 10px
}
.prm {
	padding-right: 20px
}
.prl {
	padding-right: 40px
}
.pbn {
	padding-bottom: 0
}
.pbs {
	padding-bottom: 10px
}
.pbm {
	padding-bottom: 20px
}
.pbl {
	padding-bottom: 40px
}
.pln {
	padding-left: 0
}
.pls {
	padding-left: 10px
}
.plm {
	padding-left: 20px
}
.pll {
	padding-left: 40px
}
.grid {
	overflow: hidden
}
.grid>* {
	display: block;
	padding: 0;
	margin-left: -10px;
	text-align: left
}
.grid>*>* {
	display: inline-block;
	padding-left: 10px;
	margin-left: 0;
	vertical-align: top
}
:root .grid {
	font-size: 0;
	text-justify: distribute-all-lines
}
:root .grid>*>* {
	font-size: 16px;
	font-size: 1.6rem
}
.opera:-o-prefocus, .grid>* {
word-spacing:-.43em
}
.grid2>* {
	width: 50%
}
.grid3>* {
	width: 33.333%
}
.grid4>* {
	width: 25%
}
.grid5>* {
	width: 20%
}
.grid6>* {
	width: 16.667%
}
.grid8>* {
	width: 12.5%
}
.grid10>* {
	width: 10%
}
.grid12>* {
	width: 8.333%
}
.grid2-1>*:first-child, .grid1-2>*+* {
	width: 66.666%
}
.grid1-2>*:first-child, .grid2-1>*+* {
	width: 33.333%
}
.grid1-3>*:first-child, .grid3-1>*+* {
	width: 25%
}
.grid3-1>*:first-child, .grid1-3>*+* {
	width: 75%
}
[class*="autogrid"] {
text-align:justify
}
[class*="autogrid"]:after {
	content: "";
	display: inline-block;
	width: 100%
}
[class*="autogrid"]>* {
display:inline-block;
vertical-align:top;
text-align:left
}
:root [class*="autogrid"] {
	font-size: 0;
	text-justify: distribute-all-lines
}
:root [class*="autogrid"]>* {
	font-size: 16px;
	font-size: 1.6rem
}
[class*="autogrid"]:-o-prefocus {
word-spacing:-.43em
}
.autogrid2>* {
	width: 49%
}
.autogrid3>* {
	width: 32%
}
.autogrid4>* {
	width: 23.6%
}
.autogrid5>* {
	width: 19%
}
.autogrid6>* {
	width: 15%
}
.autogrid7>* {
	width: 14.29%
}
.autogrid8>* {
	width: 10.8%
}
.autogrid10>* {
	width: 9%
}
.autogrid12>* {
	width: 6.4%
}
table, .table {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	vertical-align: top;
}
.section-solution td {
    padding-right: 21px;
}
.table {
	display: table
}
table#recaptcha_table, table.table-auto {
	table-layout: auto
}
caption {
	padding: 10px;
	color: #555;
	font-style: italic
}
.btn {
	display: inline-block
}
form, fieldset {
	border: 0
}
input, button, select, label, .btn {
	vertical-align: middle;
	font-family: inherit;
	font-size: inherit
}
label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}
legend {
	border: 0;
	white-space: normal
}
textarea {
	min-height: 5em;
	vertical-align: top;
	font-family: inherit;
	font-size: inherit;
	resize: vertical
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}
input[type="search"] {
	-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display:none
}
::-webkit-input-placeholder {
color:#777
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#777
}
button::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='submit']::-moz-focus-inner {
border:0;
padding:0
}
@media(min-width:1025px) {
.large-hidden {
	display: none !important
}
.large-visible {
	display: block !important
}
.large-no-float {
	float: none
}
.large-inbl {
	display: inline-block;
	float: none;
	vertical-align: top
}
.large-row {
	display: table;
	table-layout: fixed;
	width: 100% !important
}
.large-col {
	display: table-cell;
	vertical-align: top
}
.large-w25 {
	width: 25% !important
}
.large-w33 {
	width: 33.3333% !important
}
.large-w50 {
	width: 50% !important
}
.large-w66 {
	width: 66.6666% !important
}
.large-w75 {
	width: 75% !important
}
.large-w100, .large-wauto {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 0
}
.large-man {
	margin: 0 !important
}
.grid5>*, .grid6>*, .grid8>*, .grid10>*, .grid12>* {
	width: 33.333%
}
.autogrid5>*, .autogrid6>*, .autogrid8>*, .autogrid10>*, .autogrid12>* {
	width: 32%
}
}
@media(min-width:1025px) and (max-width:1024px) {
.medium-hidden {
	display: none !important
}
.medium-visible {
	display: block !important
}
.medium-no-float {
	float: none
}
.medium-inbl {
	display: inline-block;
	float: none;
	vertical-align: top
}
.medium-row {
	display: table;
	table-layout: fixed;
	width: 100% !important
}
.medium-col {
	display: table-cell;
	vertical-align: top
}
.medium-w25 {
	width: 25% !important
}
.medium-w33 {
	width: 33.3333% !important
}
.medium-w50 {
	width: 50% !important
}
.medium-w66 {
	width: 66.6666% !important
}
.medium-w75 {
	width: 75% !important
}
.medium-w100, .medium-wauto {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 0
}
.medium-man {
	margin: 0 !important
}
}
@media(max-width:1024px) {
.mod, .col, fieldset {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 0
}
.w600p, .w700p, .w800p, .w960p, .mw960p {
	width: auto;
	float: none
}
.small-hidden {
	display: none !important
}
.small-visible {
	display: block !important
}
.small-no-float {
	float: none
}
.small-inbl {
	display: inline-block;
	float: none;
	vertical-align: top
}
.small-row {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important
}
.small-col {
	display: table-cell !important;
	vertical-align: top !important
}
.small-w25 {
	width: 25% !important
}
.small-w33 {
	width: 33.3333% !important
}
.small-w50 {
	width: 50% !important
}
.small-w66 {
	width: 66.6666% !important
}
.small-w75 {
	width: 75% !important
}
.small-w100, .small-wauto {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 0
}
.small-man {
	margin: 0 !important
}
.small-pan {
	padding: 0 !important
}
.grid3>*, .grid4>*, .grid5>*, .grid6>*, .grid8>*, .grid10>*, .grid12>* {
	width: 50%
}
.autogrid5>*, .autogrid6>*, .autogrid8>*, .autogrid10>*, .autogrid12>* {
	width: 49% !important
}
}
@media(max-width:667px) {
.w300p, .w400p, .w500p {
	width: auto;
	float: none
}
.w33, .w40, .w50, .w66, .w75, .w80, .w90 {
	width: auto;
	float: none
}
.row {
	display: block !important;
	width: 100% !important
}
.tiny-hidden {
	display: none !important
}
.tiny-visible {
	display: block !important
}
.tiny-no-float {
	float: none
}
.tiny-inbl {
	display: inline-block;
	float: none;
	vertical-align: top
}
.tiny-row {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important
}
.tiny-col {
	display: table-cell !important;
	vertical-align: top !important
}
th, td {
	display: block !important;
	width: auto !important;
	text-align: left !important
}
thead {
	display: none
}
.tiny-w25 {
	width: 25% !important
}
.tiny-w33 {
	width: 33.3333% !important
}
.tiny-w50 {
	width: 50% !important
}
.tiny-w66 {
	width: 66.6666% !important
}
.tiny-w75 {
	width: 75% !important
}
.tiny-w100, .tiny-wauto {
	display: block !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	border: 0
}
.tiny-man {
	margin: 0 !important
}
.tiny-pan {
	padding: 0 !important
}
.grid>*>* {
	width: 100% !important
}
[class*="autogrid"]>* {
width:100% !important
}
}
.flex {
	display: flex
}
.flex-h {
	flex-direction: row
}
.flex-v {
	flex-direction: column
}
.flex-fluid {
	flex: 1
}
.flex-start {
	order: -1
}
.flex-mid {
	order: 1
}
.flex-end {
	order: 42
}
@media print {
* {
	background: transparent !important;
	box-shadow: none !important;
	text-shadow: none !important
}
body {
	width: auto !important;
	margin: auto !important;
	font-family: serif;
	font-size: 12pt;
	background-color: #fff !important;
	color: #333 !important
}
p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
	color: #000 !important;
	margin: auto !important
}
.print {
	display: block
}
.no-print {
	display: none
}
img {
	filter: grayscale(100%)
}
p, blockquote {
	orphans: 3;
	widows: 3
}
blockquote, ul, ol {
	page-break-inside: avoid
}
h1 {
	page-break-before: always
}
h1, h2, h3, caption {
	page-break-after: avoid
}
a {
	color: #000 !important;
	text-decoration: underline !important
}
a[href]:after {
	content: " (" attr(href) ")"
}
a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
}
when(@enable-skip-links=true) .skip-links {
position:absolute
}
when(@enable-skip-links=true) .skip-links a {
position:absolute;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
padding:.5em;
background:black;
color:white;
text-decoration:none
}
when(@enable-skip-links=true) .skip-links a:focus {
position:static;
overflow:visible;
clip:auto
}
@media(max-width:1024px) {
when(@enable-hyphens=true) div, when(@enable-hyphens=true) textarea, when(@enable-hyphens=true) table, when(@enable-hyphens=true) td, when(@enable-hyphens=true) th, when(@enable-hyphens=true) code, when(@enable-hyphens=true) pre, when(@enable-hyphens=true) samp {
word-wrap:break-word;
hyphens:auto
}
}
when(@enable-gmaps=true) .gm-style img {
height:100%
}
when(@enable-gmaps=true) :not(.gm-style) img {
height:auto
}
when(@enable-gmaps=true) .gm-style img, when(@enable-gmaps=true) .gmnoscreen img, when(@enable-gmaps=true) .gmnoprint img {
max-width:none !important
}
when(@enable-ie678=true) .ie67 * {
behavior:url(/js/boxsizing.htc)
}
when(@enable-ie678=true) .ie678 h1, when(@enable-ie678=true) .ie678 .h1-like {
font-size:2em
}
when(@enable-ie678=true) .ie678 h2, when(@enable-ie678=true) .ie678 .h2-like {
font-size:1.75em
}
when(@enable-ie678=true) .ie678 h3, when(@enable-ie678=true) .ie678 .h3-like {
font-size:1.5em
}
when(@enable-ie678=true) .ie678 h4, when(@enable-ie678=true) .ie678 .h4-like {
font-size:1.25em
}
when(@enable-ie678=true) .ie678 h5, when(@enable-ie678=true) .ie678 .h5-like {
font-size:1.13em
}
when(@enable-ie678=true) .ie678 h6, when(@enable-ie678=true) .ie678 .h6-like {
font-size:1em
}
when(@enable-ie678=true) .ie678 img {
width:auto
}
when(@enable-ie678=true) .ie678 .gm-style img {
height:100%
}
when(@enable-ie678=true) .clearfix, when(@enable-ie678=true) .line, when(@enable-ie678=true) .mod, when(@enable-ie678=true) .row, when(@enable-ie678=true) .col {
*zoom:1;
}
when(@enable-ie678=true) .btn, when(@enable-ie678=true) .col, when(@enable-ie678=true) .inbl {
*display:inline;
*zoom:1;
}
when(@enable-ie678=true) .visually-hidden {
*clip:rect(1px 1px 1px 1px);
}
when(@enable-ie678=true) .ie8 .grid>*, when(@enable-ie678=true) .ie8 [class*="autogrid"]>* {
letter-spacing:-.31em;
text-rendering:optimizespeed
}
when(@enable-ie678=true) .ie8 .grid>*>*, when(@enable-ie678=true) .ie8 [class*="autogrid"]>*>* {
letter-spacing:normal;
word-spacing:normal;
text-rendering:auto
}
when(@enable-ie678=true) .grid>*>*, when(@enable-ie678=true) [class*="autogrid"]>*>* {
*display:inline;
*zoom:1;
}
when(@enable-ie678=true) .ie678 input[type="checkbox"], when(@enable-ie678=true) .ie678 input[type="radio"] {
padding:0
}
when(@enable-ie678=true) .ie678 textarea {
overflow:auto
}
when(@enable-styling=true) code, when(@enable-styling=true) kbd, when(@enable-styling=true) mark {
border-radius:2px
}
when(@enable-styling=true) kbd {
padding:0 2px;
border:1px solid #999
}
when(@enable-styling=true) code {
padding:2px 4px;
background:rgba(0,0,0,0.04);
color:#b11
}
when(@enable-styling=true) pre code {
padding:none;
background:none;
color:inherit;
border-radius:0
}
when(@enable-styling=true) mark {
padding:2px 4px;
background:#ff0
}
when(@enable-styling=true) sup, when(@enable-styling=true) sub {
vertical-align:0;
position:relative
}
when(@enable-styling=true) sup {
bottom:1ex
}
when(@enable-styling=true) sub {
top:.5ex
}
when(@enable-styling=true) blockquote {
position:relative;
padding-left:3em
}
when(@enable-styling=true) blockquote:before {
content:"\201C";
position:absolute;
left:0;
top:0;
font-family:georgia, serif;
font-size:5em;
line-height:.9;
color:rgba(0,0,0,0.3)
}
when(@enable-styling=true) blockquote>footer {
margin-top:.75em;
font-size:.9em;
color:rgba(0,0,0,0.7)
}
when(@enable-styling=true) blockquote>footer:before {
content:"\2014 \0020"
}
when(@enable-styling=true) q {
font-style:normal
}
when(@enable-styling=true) q, when(@enable-styling=true) .q {
quotes:"“\00a0" "\00a0”"
}
when(@enable-styling=true) q:lang(fr), when(@enable-styling=true) .q:lang(fr) {
quotes:"«\00a0" "\00a0»"
}
when(@enable-styling=true) hr {
display:block;
clear:both;
height:1px;
margin:1em 0 2em;
padding:0;
border:0;
color:#ccc;
background-color:#ccc
}
when(@enable-styling=true) .alternate {
border:0
}
when(@enable-styling=true) .alternate tbody {
border:1px solid #ccc
}
when(@enable-styling=true) .alternate thead tr>*+* {
border-left:0
}
when(@enable-styling=true) .alternate tbody tr>*+* {
border-left:1px solid #ccc
}
when(@enable-styling=true) .alternate-vert {
border:0;
border-right:1px solid #ccc
}
when(@enable-styling=true) .alternate-vert tr>:first-child {
border-bottom:0
}
when(@enable-styling=true) .alternate-vert tr>*+* {
border-top:1px solid #ccc
}
when(@enable-styling=true) .striped tbody tr:nth-child(odd) {
background:#eee;
background:rgba(0,0,0,0.05)
}
when(@enable-styling=true) .striped-vert tr>:first-child {
background:#eee;
background:rgba(0,0,0,0.05)
}
.txt-noir_c {
	color: #090401
}
.bg-noir_c {
	background-color: #090401
}
.txt-gris_c {
	color: #dadada
}
.bg-gris_c {
	background-color: #dadada
}
.txt-gris_f {
	color: #161616
}
.bg-gris_f {
	background-color: #161616
}
.txt-gris_m {
	color: #090401
}
.bg-gris_m {
	background-color: #090401
}
.txt-gris_blue {
	color: #9caac8
}
.bg-gris_blue {
	background-color: #9caac8
}
.txt-bleu {
	color: #62889e
}
.bg-bleu {
	background-color: #62889e
}
.txt-rouge {
	color: #ed4749
}
.bg-rouge {
	background-color: #ed4749
}
.txt-white {
	color: #fff
}
.bg-white {
	background-color: #fff
}
.ovh {
	overflow: hidden
}
.abs {
	position: absolute;
	top: 0;
	left: 0
}
.rel {
	position: relative
}
.zup {
	z-index: 10
}
.zdown {
	z-index: -10
}
.vam {
	vertical-align: middle !important
}
.a--block {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0
}
.a--anchor {
	text-decoration: underline
}
.a--anchor:hover {
	text-decoration: none
}
.thin {
	font-weight: 300
}
.vh100 {
	height: 100vh
}
.mvh100 {
	min-height: 100vh
}
.strong, .txt-bold {
	font-weight: bold
}
.ttu {
	text-transform: uppercase
}
.txt-underlined {
	text-decoration: underline
}
.gradient-blue {
	background-color: #6089a1;
	background: -webkit-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -moz-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -ms-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -o-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: radial-gradient(at 0 bottom, #6089a1, #707577)
}
.gradient-red {
	background-color: #bc645f;
	background: -webkit-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -moz-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -ms-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -o-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: radial-gradient(at 100% bottom, #bc645f, #7e5969)
}
html, body {
	min-height: 100%
}
body {
	color: #000;
	overflow-x: hidden;
	position: relative;
	font-family: 'Open Sans', sans-serif
}
* {
	outline: 0
}
a {
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
a:focus, a:active {
	outline: 0
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase
}
h1 {
	font-size: 5rem;
	line-height: 5rem
}
[placeholder]:focus::-webkit-input-placeholder {
transition:opacity .5s .5s ease;
opacity:0
}
.anim-brackets a {
	display: inline-block;
	outline: medium none;
	position: relative;
	text-decoration: none
}
.anim-brackets *, .anim-brackets *:after, .anim-brackets *:before {
	box-sizing: border-box
}
.anim-brackets a::before, .anim-brackets a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .2s;
	-moz-transition: -moz-transform .3s, opacity .2s;
	transition: transform .3s, opacity .2s
}
.anim-brackets a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px)
}
.anim-brackets a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px)
}
.anim-brackets a:hover::before, .anim-brackets a:hover::after, .anim-brackets a:focus::before, .anim-brackets a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0)
}
.maecia--share {
	color: #9caac8;
	font-size: 20px;
	line-height: 1.15em;
	margin: 2em 0
}
.maecia--share a {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	width: 34px
}
.maecia--share .icon {
	height: 34px;
	margin-top: -22px;
	position: absolute;
	top: 50%;
	width: 34px
}
.maecia--share .icon-twitter {
	background: url(/sites/all/themes/mae3_theme/images/twitter_icons.png) 0 0 no-repeat
}
.maecia--share .icon-twitter:hover {
	background-position: 0 -42px
}
.maecia--share .icon-facebook {
	background: url(/sites/all/themes/mae3_theme/images/facebook_icons.png) 0 0 no-repeat
}
.maecia--share .icon-facebook:hover {
	background-position: 0 -43px
}
#header .burger-menu {
	background: #090401;
	cursor: pointer;
	height: 39px;
	position: fixed;
	right: 3em;
	top: 3em;
	width: 37px;
	z-index: 1000;
	overflow: hidden
}
#header .burger-menu:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: #ed4749;
	opacity: 0;
	display: block;
	-webkit-transition: opacity .25s ease-in;
	-moz-transition: opacity .25s ease-in;
	-ms-transition: opacity .25s ease-in;
	-o-transition: opacity .25s ease-in;
	transition: opacity .25s ease-in
}
#header .burger-menu:hover:after {
	opacity: 1
}
@media(max-width:667px) {
#header .burger-menu {
	right: .5em;
	top: .5em
}
}
#header .burger-menu .bar {
	background: #fff;
	display: block;
	height: 4px;
	left: 50%;
	margin: -2px 0 0 -10px;
	position: absolute;
	top: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 20px;
	z-index: 10
}
#header .burger-menu .bar:before, #header .burger-menu .bar:after {
	background: #fff;
	content: '';
	height: 4px;
	position: absolute;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	width: 20px
}
#header .burger-menu .bar:before {
	margin-top: -7px
}
#header .burger-menu .bar:after {
	margin-top: 7px
}
#header .burger-menu:hover .burger-menu {
	margin-left: -12px;
	width: 24px
}
#header .burger-menu:hover .burger-menu:before, #header .burger-menu:hover .burger-menu:after {
	width: 24px
}
#header ul {
	background: #373737;
	height: 100%;
	position: fixed;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	width: 100%;
	padding: 2.7em 5em;
	z-index: -5;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
@media(max-width:1023px) {
#header ul {
	padding: .7em .3em;
	z-index: 999;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
#header ul li {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #373737;
	float: left;
	height: 50%;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	width: 50%
}
@media(min-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(/sites/all/themes/mae3_theme/images/grayscale.svg#greyscale);
	filter: gray
}
}
@media(max-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li {
	display: block;
	float: none;
	height: 20%;
	width: 100%
}
}
@media(max-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li:first-child {
	background: none !important
}
}
@media(min-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li:first-child {
	background: none;
	border: 8px solid #373737;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 190px;
	left: 50%;
	margin: -95px 0 0 -95px;
	position: absolute;
	top: 50%;
	width: 190px;
	z-index: 1000;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}
}
#header ul li:first-child img {
	left: 50%;
	position: absolute;
	margin-left: -62px;
	top: 73px;
	width: 125px
}
@media(max-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li:first-child img {
	margin-left: -114px;
	top: 2em;
	width: 228px
}
}
@media(max-width:667px) {
#header ul li:first-child img {
	top: .5em;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6)
}
}
#header ul li:first-child span {
	border: 0;
	display: block;
	padding: 1em 0 0 .4em !important
}
@media(max-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header ul li:first-child span {
	font-size: .9em;
	padding: 1.3em 0 0 .4em !important
}
}
@media(max-width:667px) {
#header ul li:first-child span {
	padding: 1em 0 0 .4em !important
}
}
#header ul li:hover, #header ul li.active {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: url(/sites/all/themes/mae3_theme/images/grayscale.svg#greyscale);
	filter: gray;
	filter: none
}
#header ul li:hover span {
	padding: 10px 35px
}
#header ul li a {
	color: #fff;
	display: block;
	height: 100%;
	position: absolute;
	width: 100%
}
#header ul li a span {
	border: 1px solid rgba(255,255,255,0.25);
	border-left: 0;
	border-right: 0;
	letter-spacing: .3em;
	padding: 15px 30px;
	position: relative;
	top: 50%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#header ul li svg {
	height: 100%;
	left: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	padding: 1.2em;
	position: absolute;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	top: 0;
	width: 100%;
	display: none
}
@media(max-aspect-ratio:33/16) and (min-width:1600px) {
#header ul li svg {
	display: block
}
}
@media(max-width:667px) {
#header ul li svg+a span {
	top: 35% !important;
	padding: 10px 30px !important
}
}
#header ul li:hover svg.border {
	-webkit-opacity: .3;
	-moz-opacity: .3;
	opacity: .3
}
#header ul li:hover svg.load {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}
#header.close .burger-menu {
	position: fixed
}
@media(min-width:1023px), (orientation:portrait) and (min-width:1023px) {
#header.close .burger-menu {
	background: none
}
}
#header.close .burger-menu .bar {
	background: none;
	margin-left: -10px !important
}
#header.close .burger-menu .bar:before {
	margin: 0;
	-webkit-transform: rotate(230deg);
	-moz-transform: rotate(230deg);
	-ms-transform: rotate(230deg);
	-o-transform: rotate(230deg);
	transform: rotate(230deg);
	width: 20px !important
}
#header.close .burger-menu .bar:after {
	margin: 0;
	-webkit-transform: rotate(130deg);
	-moz-transform: rotate(130deg);
	-ms-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	transform: rotate(130deg);
	width: 20px !important
}
#header.close ul {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	z-index: 999;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
#header.close .oldie nav {
	left: 0
}
#header .oldie nav {
	left: -100%
}
#header nav {
	position: absolute
}
#footer {
	height: 52px
}
#footer .maecia--menu {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 500;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0)
}
#footer .maecia--menu_main {
	padding: .875em 1em
}
@media(max-width:1024px) {
#footer {
	display: none
}
}
#footer .maecia--menu_social {
	width: 103px
}
#footer .social {
	background-color: #3d3d3d;
	height: 50px;
	width: 50px;
	border: 1px solid #000;
	-webkit-transition: background .5s ease-in;
	-moz-transition: background .5s ease-in;
	-ms-transition: background .5s ease-in;
	-o-transition: background .5s ease-in;
	transition: background .5s ease-in
}
#footer .social:first-child {
	border-right: 0
}
#footer .social:hover {
	background-color: #ed4749
}
.front #footer .maecia--menu {
	bottom: -52px;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.front.scrolled #footer .maecia--menu {
	bottom: 0
}
.maecia--menu_logo img {
	height: 20px;
	width: auto;
	display: block;
	margin-top: -5px
}
.maecia--menu_logo, .maecia--menu_slogan span {
	line-height: 1em;
	font-size: .7em;
	letter-spacing: .25em;
	font-weight: 300
}
.maecia--menu_slogan {
	margin-left: 1em
}
.maecia--menu .maecia--menu_bar li {
	display: inline-block;
	margin-left: .75em
}
.maecia--menu .maecia--menu_bar li a {
	text-transform: uppercase;
	color: #fff;
	font-size: .7em;
	letter-spacing: .3em;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.maecia--menu .maecia--menu_bar li a:hover, .maecia--menu .maecia--menu_bar li a.active {
	color: #ed4749
}
.maecia--title {
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 0;
	letter-spacing: .1em
}
@media(max-width:667px) {
.maecia--title {
	font-size: 1.8em
}
}
.maecia--title a:hover {
	color: #b4b4b4
}
.maecia--title_small {
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 0;
	letter-spacing: .1em;
	font-size: 1em;
	font-weight: 400
}
@media(max-width:667px) {
.maecia--title_small {
	font-size: 1.8em
}
}
.maecia--title_small a:hover {
	color: #b4b4b4
}
.maecia--title_small.strong {
	font-weight: 800;
	letter-spacing: normal;
	font-size: 1.25em
}
@media(max-width:667px) {
.maecia--title_small {
	font-size: .9em;
	letter-spacing: .05em
}
}
.maecia--subtitle {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size:19px;
	letter-spacing: .08em
}
@media(max-width:667px) {
.maecia--subtitle {
	font-size: .9em
}
}
.txt-white .maecia--linkborders {
	color: #fff
}
.txt-white .maecia--linkborders:after, .txt-white .maecia--linkborders:before {
	background-color: #fff
}
.section-section-colonne-s- .maecia--linkborders {
	margin-top: 2em
}
.maecia--linkborders {
	display: inline-block;
	padding: .5em 0;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.15em;
	letter-spacing: .15em;
	position: relative
}
.maecia--linkborders:before, .maecia--linkborders:after {
	content: "";
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: #000;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}
.maecia--linkborders:after {
	bottom: 0;
	left: 0
}
.maecia--linkborders:before {
	top: 0;
	left: 0
}
.maecia--linkborders:hover:before {
	top: .3em
}
.maecia--linkborders:hover:after {
	bottom: .3em
}
.maecia--liste {
	position: relative;
	padding: 0;
	margin-top: 2em
}
.maecia--liste li {
	display: block;
	margin-bottom: 1em
}
.maecia--liste li:before {
	content: "";
	width: 80px;
	position: absolute;
	height: 1px;
	background-color: #fff;
	left: 50%;
	margin-left: -40px;
	display: block;
	margin-top: -.5em
}
.maecia--liste li:first-child:before {
	content: none
}
.front article.page section.section-section-colonne-s- {
	padding: 8% 0 11em 0
}
@media(max-width:1024px) {
.front article.page section.section-section-colonne-s- {
	padding: 0 !important
}
}
@media(max-width:1024px) {
.front article.page .section--bg {
	background-position: center !important
}
}
@media(max-width:1024px) {
.front article.page .section-section-colonne-s->.row>.col {
	display: block;
	width: 100%;
	padding: 3em 1em
}
}
@media(max-width:667px) {
.front article.page .section-section-colonne-s->.row>.col {
	padding: 3em 0
}
}
@media(min-width:668px) and (max-width:1024px) {
.front article.page .section-section-colonne-s->.row>.col {
	padding: 12% 10%
}
}
@media(max-width:1024px) {
.front article.page .section-section-colonne-s->.row>.col.even {
	background-color: #6089a1;
	background: -webkit-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -moz-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -ms-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -o-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: radial-gradient(at 0 bottom, #6089a1, #707577)
}
}
@media(max-width:1024px) {
.front article.page .section-section-colonne-s->.row>.col.odd {
	background-color: #bc645f;
	background: -webkit-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -moz-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -ms-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -o-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: radial-gradient(at 100% bottom, #bc645f, #7e5969)
}
}
.csstransforms .maecia--video_masque {
	width: 101% !important;
	height: 101% !important;
	min-width: 1600px;
	z-index: 10;
	left: 50% !important;
	top: 50% !important;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.csstransforms .maecia--video_masque img {
	display: block;
	width: 100%;
	height: auto !important
}
.csstransforms .maecia--video_masque.loaded {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6
}
.csstransforms .maecia--video_masque .maecia--video_masque_img {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center
}
.is-mobile .maecia--video_masque {
	background-image: url(/sites/all/themes/mae3_theme/video/maecia.jpg);
	background-position: 50% 50%
}
.maecia--video_element {
	width: 100%;
	height: auto;
	min-width: 1600px
}
.csstransforms .vide--wrapper {
	min-width: 1600px;
	left: 50% !important;
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%
}
.csstransforms .vide--wrapper:after {
	content: "";
	position: absolute;
	height: 20%;
	width: 100%;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 25%, rgba(0,0,0,0.85) 56%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,0.38)), color-stop(56%, rgba(0,0,0,0.85)), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 25%, rgba(0,0,0,0.85) 56%, #000 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 25%, rgba(0,0,0,0.85) 56%, #000 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 25%, rgba(0,0,0,0.85) 56%, #000 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.38) 25%, rgba(0,0,0,0.85) 56%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}
.csstransforms .vide--wrapper video {
	max-width: none !important
}
.siteinfo {
	position: absolute;
	z-index: 20;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 51%
}
.siteinfo.animate .maecia--logo {
	margin-top: -3em;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}
.siteinfo.animate .maecia--slogan {
	margin-top: 1em
}
.siteinfo.animate .maecia--slogan span {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}
.siteinfo.animate~.maecia--anchor {
	opacity: 1;
	z-index: 500
}
.maecia--logo {
	-webkit-transition: opacity .8s ease-out .3s, margin .6s ease-out 1s;
	-moz-transition: opacity .8s ease-out .3s, margin .6s ease-out 1s;
	-ms-transition: opacity .8s ease-out .3s, margin .6s ease-out 1s;
	-o-transition: opacity .8s ease-out .3s, margin .6s ease-out 1s;
	transition: opacity .8s ease-out .3s, margin .6s ease-out 1s;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
.maecia--logo img {
	width: 280px;
	height: auto
}
.maecia--slogan span {
	letter-spacing: .25em;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-ms-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
	transition: all .8s ease-in;
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.maecia--anchor {
	position: absolute;
	bottom: 10%;
	width: 28px;
	height: 65px;
	left: 50%;
	margin-left: 2px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0.01);
	cursor: pointer;
	background: url(/sites/all/themes/mae3_theme/images/sprite.png);
	opacity: 0;
	z-index: -10;
	-webkit-transition: opacity .5s ease-in 2.3s;
	-moz-transition: opacity .5s ease-in 2.3s;
	-ms-transition: opacity .5s ease-in 2.3s;
	-o-transition: opacity .5s ease-in 2.3s;
	transition: opacity .5s ease-in 2.3s
}
@media(max-width:1024px) {
.maecia--anchor {
	margin-left: -10px
}
}
@media(max-width:667px) {
.maecia--anchor {
	display: none
}
}
.maecia--anchor.show {
	z-index: 500;
	opacity: 1;
	-webkit-transition-delay: 2.8s;
	-moz-transition-delay: 2.8s;
	-o-transition-delay: 2.8s;
	transition-delay: 2.8s
}
.maecia--anchor.grey {
	background: url(/sites/all/themes/mae3_theme/images/sprite-grise.png)
}
.view-slide-references {
	margin: 1.25em 2.5% 0;
	padding-bottom: 2.5%;
	position: relative
}
.view-slide-references .maecia--subtitle {
	font-weight: bold
}
@media(max-width:1024px) {
.view-slide-references {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 4em
}
.view-slide-references .view-header {
	margin-bottom: 1.25em;
	margin-top: 2em
}
.view-slide-references .field-maecia-ref-bg {
	height: 66vh;
	width: auto;
	max-width: none
}
.view-slide-references .field-maecia-ref-bg img {
	position: absolute;
	height: 100%;
	width: auto;
	max-width: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}
}
@media(max-width:667px) {
.view-slide-references {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 4em
}
.view-slide-references .view-header {
	margin-bottom: 1.25em;
	margin-top: 2em
}
.view-slide-references .field-maecia-ref-bg {
	height: 75vh;
	width: auto;
	max-width: none
}
.view-slide-references .field-maecia-ref-bg img {
	position: absolute;
	height: 100%;
	width: auto;
	max-width: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}
}
@media(min-width:1280px) {
.references--slider_item:hover .field-maecia-ref-bg img {
	-webkit-transform: rotate(0) scale(1.03) skew(0) translate(0);
	-moz-transform: rotate(0) scale(1.03) skew(0) translate(0);
	-ms-transform: rotate(0) scale(1.03) skew(0) translate(0);
	-o-transform: rotate(0) scale(1.03) skew(0) translate(0);
	transform: rotate(0) scale(1.03) skew(0) translate(0)
}
}
.field-references-type-icone {
	display: inline-block
}
.field-references-type-icone_desc {
	position: absolute;
	height: 48px;
	padding: 8px 14px;
	left: 58%;
	background: #eee;
	color: #222;
	opacity: 0;
	max-width: 0;
	top: 20px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.field-references-type-icone_desc p {
	line-height: 20px;
	font-size: .9em;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	opacity: 0
}
.tooltip {
	display: none;
	position: absolute;
	height: 48px;
	background: #eee;
	color: #222;
	z-index: 1000;
	line-height: 48px;
	padding: 0 1em
}
.references--slider_controls {
	margin-top: 1em
}
.references--slider_controls .flex-control-thumbs {
	display: table;
	table-layout: fixed !important;
	width: 100%
}
.references--slider_controls .flex-control-thumbs li {
	width: 12.5%;
	float: none;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
	border: 4px solid #fff;
	border-bottom: 8px solid #dadada;
	padding: 0 1px;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in
}
.references--slider_controls .flex-control-thumbs li.flex-active {
	border-bottom-color: #9a9a9a
}
.references--slider_controls .flex-control-thumbs li img {
	padding: 1em 20%;
	width: auto;
	margin: 0 auto
}
@media(max-width:1024px) {
.references--slider_controls {
	position: absolute;
	margin-top: 1em;
	bottom: 1.25em;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.references--slider_controls .flex-control-nav li {
	width: 30px;
	padding: 0;
	border: 0
}
.references--slider_controls .flex-control-nav li img {
	display: block;
	content: "";
	height: 0;
	width: 0;
	position: relative;
	background: #dadada;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 10px;
	padding: 6px;
	border: 5px solid #aaa;
	margin: 0 auto
}
.references--slider_controls .flex-control-nav li img:before {
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0
}
}
@media(max-width:1024px) {
.references--slider_controls .flex-control-nav li {
	padding: 0 .25em !important
}
}
.section--home_triangle {
	background-color: #e1e1e1;
	position: relative;
	padding-top: 0 !important;
	padding-bottom: 6em !important
}
.section--home_triangle:before {
	content: "";
	position: absolute;
	display: block;
	left: 1%;
	top: 0;
	right: 1%;
	bottom: 1em;
	border: 8px solid #fff;
	z-index: 0
}
@media(max-width:1024px) {
.section--home_triangle:before {
	top: 1em;
	right: 1em;
	left: 1em
}
}
@media(max-width:667px) {
.section--home_triangle:before {
	display: none
}
}
.section--home_triangle .field-section-colonne {
	position: relative;
	z-index: 10
}
.section--home_triangle .maecia--title {
	margin-bottom: .5em
}
.section--home_triangle .maecia--linkborders {
	color: #000
}
.section--home_triangle .row .col {
	padding: 0 3%
}
.section--home_triangle .row .col .maecia--title_small {
	margin-bottom: 1em
}
.section--home_triangle .row .col p+p {
	text-align: center;
	margin: 0 auto
}
@media(max-width:1024px) {
.section--home_triangle .maecia--title_small {
	margin-top: 3em;
	margin-bottom: .5em !important
}
}
.section--home_triangle .illu-before_home {
	width: 300px;
	display: block;
	-webkit-transform: translate(0, -50px);
	-moz-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	-o-transform: translate(0, -50px);
	transform: translate(0, -50px);
	transform: translate(0, -52px);
	position: relative;
	z-index: 20;
	margin-bottom: -40px
}
.node--reference_text .body p {
	line-height: 1.4em
}
.node--reference_text .body p strong {
	margin-bottom: .5em;
	display: inline-block
}
.block--gris {
	background-color: #dadada;
	padding: 10px
}
.block--gris h2, .block--gris h3 {
	margin: .25em 0;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .08em
}
@media(max-width:667px) {
.block--gris h2, .block--gris h3 {
	font-size: .9em
}
}
.block--gris .row:first-child *:first-child div:first-child {
	margin-left: 0
}
.block--gris .block--gris_head {
	background-color: #e9e9e9;
	padding: .75em 0;
	border: 1px solid #dadada;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease
}
.block--gris .block--gris_content {
	padding: 5%;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	background-color: #fff
}
.block--gris .row>*>div {
	background-color: #fff;
	margin-left: 10px
}
.block--gris .row>*>div:hover .block--gris_head, .block--gris .row>*>div:hover h2 {
	background-color: #d1d1d1
}
.block--gris .row>*>div:hover .block--gris_content, .block--gris .row>*>div:hover p {
	background-color: #eaeaea
}
.view-les-clients h2 {
	margin: .25em 0;
	font-size: 2.5em
}
@media(max-width:1024px) {
.clients .col {
	padding: 0 5vw 5vw !important
}
.clients--block {
	margin-left: 0 !important
}
}
.clients--block_head {
	background-color: #e9e9e9;
	padding: .75em 0;
	border: 1px solid #dadada;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease
}
.clients--block_head h3 {
	color: #9a9a9a
}
.clients--block_content {
	padding: 5%;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease
}
@media(max-width:1024px) {
.clients--block_content .autogrid3>* {
	width: 49%
}
}
@media(max-width:1024px) {
.clients--block_content .autogrid3>* {
	width: 32%
}
}
@media(max-width:667px) {
.clients--block_content .autogrid3>* {
	width: 49% !important
}
}
.view-les-clients.block--gris .clients .col {
	padding: 0
}
.client--item {
	padding: 0 5%;
	text-align: center;
	vertical-align: middle;
	height: 7em
}
@media(max-width:1024px) {
.client--item {
	padding: 0 3%
}
}
.client--item .views-field-field-maecia-logo-client {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed !important
}
.client--item .views-field-field-maecia-logo-client .field-content {
	display: table-cell;
	vertical-align: middle
}
article.page {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden
}
::selection {
	color: #333;
	background-color: #fff
}
::-moz-selection {
color:#aaa;
background-color:#fff
}
.page--id_56 ::selection {
	color: #fff;
	background: #ed7773
}
.page--id_56 ::-moz-selection {
color:#fff;
background:#ed7773
}
.page--id_59 ::selection {
	color: #fff;
	background: #fe9b00
}
.page--id_59 ::-moz-selection {
color:#fff;
background:#fe9b00
}
.page--id_58 ::selection {
	color: #fff;
	background: #24f6db
}
.page--id_58 ::-moz-selection {
color:#fff;
background:#24f6db
}
.page--id_57 ::selection {
	color: #fff;
	background: #54f99d
}
.page--id_57 ::-moz-selection {
color:#fff;
background:#54f99d
}
.page--id_101 ::selection {
	color: #fff;
	background: #58b2fe
}
.page--id_101 ::-moz-selection {
color:#fff;
background:#58b2fe
}
.page--id_102 ::selection {
	color: #9d8384;
	background: #b2e8eb
}
.page--id_102 ::-moz-selection {
color:#9d8384;
background:#b2e8eb
}
.page--wraphead {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden
}
.page--wraphead>* {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden
}
.page--wrap--texthead {
	overflow-x: hidden
}
.page--title_fix-svg {
	position: absolute;
	left: -9999px;
	top: -9999px
}
@media(max-width:1024px) {
.page--title_fix-svg {
	position: relative;
	left: auto;
	top: auto;
	color: #666;
	font-size: 4.75em;
	margin-bottom: .15em;
	padding: .5em;
	padding-bottom: 0
}
}
svg#page--title {
	width: 100%;
	width: 100vw;
	height: inherit;
	height: 100vh
}
svg#page--title text {
	text-anchor: middle
}
svg#page--title #alpha {
	fill: #fff
}
svg#page--title #svg-title {
	letter-spacing: -2px;
	font-size: 6em;
	font-size: 10vh;
	font-weight: 800
}
svg#page--title #svg-title tspan {
	text-transform: uppercase
}
@media(max-width:1024px) {
svg#page--title #svg-title {
	font-size: 10vw
}
}
svg#page--title #subtitle {
	letter-spacing: 8px;
	font-size: 1.2em;
	font-weight: 300;
	text-transform: uppercase
}
svg#page--title #svg-base {
	fill: #fff;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
.page--presentation {
	width: 100%;
	height: 100%;
	margin: 0 auto
}
@media(max-width:1024px) {
.page--presentation {
	height: 100vh;
	background-color: rgba(255,255,255,0.8)
}
}
.field-maecia-texte-sous-titre {
	max-width: 1400px;
	margin-top: 8em;
	margin-top: 15vh;
	font-size: 1.25em;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
@media(min-width:1024px) and (max-width:1600px) {
.field-maecia-texte-sous-titre {
	font-size: 2.3vh
}
}
@media(min-width:1601px) {
.field-maecia-texte-sous-titre {
	font-size: 2vh
}
}
@media(max-width:1024px) {
.field-maecia-texte-sous-titre {
	margin: 0 auto;
	font-size: 1em !important;
	padding: .5em;
	margin-top: 3em !important
}
}
@media(max-width:667px) {
.field-maecia-texte-sous-titre {
	font-size: .85em !important
}
}
@media(max-width:1024px) {
.header--home {
	background-image: url(/sites/all/themes/mae3_theme/images/bg_home_tablette.jpg);
	background-position: center
}
}
@media(max-width:667px) {
.header--home {
	background-image: url(/sites/all/themes/mae3_theme/images/bg_home_mobile.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
}
.entity-section>h2 {
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 0;
	letter-spacing: .1em;
	margin-top: 0
}
@media(max-width:667px) {
.entity-section>h2 {
	font-size: 1.8em
}
}
.entity-section>h2 a:hover {
	color: #b4b4b4
}
.entity-section .field-section-presentation {
	font-size: 1em;
	text-align: center;
	max-width: 60%;
	margin: 0 auto;
	min-width: 400px
}
@media(max-width:1024px) {
.entity-section .field-section-presentation {
	padding: 0 1em
}
}
@media(max-width:667px) {
.entity-section .field-section-presentation {
	min-width: 0;
	padding: 0 .5em;
	max-width: 100%;
	font-size: .8em
}
}
@media(max-width:1024px) {
.view-header span {
	padding: 0 1em
}
}
@media(max-width:667px) {
.view-header span {
	min-width: 0;
	padding: 0 .5em;
	max-width: 100%;
	font-size: .8em
}
}
.section--bg {
	background-size: cover;
	background-repeat: no-repeat
}
.bgcentered .section--bg {
	background-position: center
}
section.has_borders .section--bg:before {
	content: "";
	left: 1%;
	right: 1%;
	top: 1%;
	bottom: 1.25em;
	position: absolute;
	border: 8px solid #fff;
	z-index: 10
}
@media(max-width:1024px) {
section.has_borders .section--bg:before {
	border: 0
}
}
#svg--triangle_home {
	position: absolute;
	left: 0;
	top: -90px;
	z-index: 20
}
@media(max-width:1024px) {
#svg--triangle_home {
	display: none
}
}
.section-section-roadmap, .section-section-avec-photos {
	z-index: 10;
	background-color: #fff
}
.section-section-colonne-s- {
	padding: 3.5% 0 2.5%
}
.field-section-colonne .colonne--content {
	width: 65%;
	margin: 0 auto
}
@media(max-width:1280px) {
.field-section-colonne .colonne--content {
	width: 80%
}
}
@media(max-width:1024px) {
.field-section-colonne .colonne--content {
	width: 100%;
	max-width: none !important
}
.field-section-colonne .colonne--content h2 {
	max-width: 70%;
	margin: 0 auto
}
}
@media(max-width:667px) {
.field-section-colonne .colonne--content p {
	font-size: .8em
}
.field-section-colonne .colonne--content h2 {
	max-width: none
}
}
.section-section-lien-vers-page {
	position: relative;
	margin: .5em;
	overflow: hidden
}
.section-section-lien-vers-page .field-maecia-site-link {
	border: 0;
	padding: 0;
	text-align: center
}
.section-section-lien-vers-page .field-maecia-site-link a {
	font-size: 2.5em;
	padding: .4em 1em;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: block
}
@media(max-width:667px) {
.section-section-lien-vers-page .field-maecia-site-link a {
	padding: .25em;
	font-size: 1.5em
}
}
.section-section-lien-vers-page .field-maecia-site-link:hover+.field-maecia-bg-page img {
	filter: none;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: url(/sites/all/themes/mae3_theme/images/grayscale.svg#greyscale);
	filter: gray
}
.section-section-lien-vers-page .field-maecia-bg-page {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	z-index: -10
}
.section-section-lien-vers-page .field-maecia-bg-page img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(/sites/all/themes/mae3_theme/images/grayscale.svg#greyscale);
	filter: gray;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	height: 100%;
	width: auto;
	max-width: none;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	position: relative;
	min-width: 100%
}
.page--title {
	line-height: 1em
}
@media(max-width:667px) {
.page--title {
	font-size: 12vw
}
}
.page--head_bg {
	top: 0;
	z-index: -15
}
.page--head_bg img {
	min-height: 100%;
	width: auto;
	max-width: none;
	min-width: 100%
}
@media(max-width:667px) {
.page--head_bg img {
	max-height: 100vh
}
}
.csstransforms .page--head_bg img {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	position: absolute;
	left: 50%
}
.page--head_mask {
	background: #fff;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	opacity: .7;
	z-index: -10
}
@media(max-width:1024px) {
.small-bgrb {
	padding: 0
}
.small-bgrb .col {
	padding: 5% 10%;
	background-color: #bc645f;
	background: -webkit-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -moz-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -ms-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: -o-radial-gradient(at 100% bottom, #bc645f, #7e5969);
	background: radial-gradient(at 100% bottom, #bc645f, #7e5969)
}
.small-bgrb .col:first-child {
	background-color: #6089a1;
	background: -webkit-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -moz-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -ms-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: -o-radial-gradient(at 0 bottom, #6089a1, #707577);
	background: radial-gradient(at 0 bottom, #6089a1, #707577)
}
}
@media(max-width:667px) {
.small-bgrb {
	padding: 0
}
.small-bgrb .col {
	padding: 5% 3% 8%
}
}
.section--services_conceptiondev h2 {
	background-color: #fff;
	padding: 1.5em 0 1em
}
.bg-col_services {
	text-align: center;
	padding: 4em 10em;
	padding: 4em 10vw;
	background-color: #d66c66;
	background: -webkit-gradient(linear, left top, left bottom, from(#d66c66), to(#8d413c));
	background: -webkit-linear-gradient(top, #d66c66, #8d413c);
	background: -moz-linear-gradient(top, #d66c66, #8d413c);
	background: -ms-linear-gradient(top, #d66c66, #8d413c);
	background: -o-linear-gradient(top, #d66c66, #8d413c);
	font-weight: 300
}
.illu_services {
	background: url(/sites/all/themes/mae3_theme/images/illu_services.png) no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-ms-behavior: url(/sites/all/themes/mae3_theme/htc/backgroundsize.min.htc)
}
.section--chiffres {
	padding: 4em 0
}
.section--chiffres_wrap {
	margin-top: 5em
}
@media(max-width:1024px) {
.section--chiffres_wrap {
	margin-top: 2em
}
.section--chiffres_wrap>.col+.col {
	padding: 1em 0 1em 1em
}
}
.chiffres-liste {
	font-size: 2em;
	text-transform: uppercase;
	padding-left: 3em
}
.chiffres-liste li {
	font-weight: 300;
	margin-top: 1em;
	letter-spacing: .1em;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	margin-left: -50%;
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0)
}
.chiffres-liste li.show {
	margin-left: 0
}
.chiffres-liste li:first-child {
	margin-top: 0
}
.chiffres-liste li span.strong {
	font-weight: 300;
	line-height: .8em;
	display: block;
	font-size: 2.5em;
	font-size: 4vw
}
.chiffres-liste li .txt-odometer {
	overflow: hidden;
	display: block;
	position: relative;
	-webkit-transition: padding .3s ease-in;
	-moz-transition: padding .3s ease-in;
	-ms-transition: padding .3s ease-in;
	-o-transition: padding .3s ease-in;
	transition: padding .3s ease-in
}
.chiffres-liste li .txt-odometer.show {
	padding-top: 0
}
.chiffres-liste li:before {
	color: #fc383a;
	font-size: 3.2em;
	font-size: 10vh;
	display: block;
	float: left;
	margin-right: .4em
}
.chiffres-liste li.icon-clients:before {
	content: "\6b"
}
.chiffres-liste li.icon-portail:before {
	content: "\6a"
}
.chiffres-liste li.icon-dossier:before {
	content: "\67"
}
.chiffres-liste li.icon-hebergement:before {
	content: "\68"
}
.chiffres-liste li.icon-drupal:before {
	content: "\75"
}
@media(max-width:1024px) {
.chiffres-liste {
	padding: 0;
	padding-left: 1em;
	margin: 0 auto;
	margin-bottom: 1.5em;
	height: 30vh;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85)
}
.chiffres-liste li {
	width: 49%;
	display: inline-block
}
.chiffres-liste li .txt-odometer {
	font-size: .6em
}
}
@media(max-width:667px) {
.chiffres-liste {
	height: auto !important;
	margin-bottom: 0
}
.chiffres-liste li {
	width: 100%;
	margin-top: .33em
}
}
.section--3poles {
	padding: 2% 0 0 0
}
.section--3poles .field-section-presentation {
	margin-bottom: 1.5%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .08em
}
@media(max-width:667px) {
.section--3poles .field-section-presentation {
	font-size: .9em
}
}
.section--3poles_content {
	padding: 8em 0 6em;
	background-color: #dbfdf8
}
@media(max-width:667px) {
.section--3poles_content {
	padding: 1em
}
}
.section--3poles_triangle {
	width: 480px;
	width: 50vh;
	height: 480px;
	height: 50vh;
	background: url(/sites/all/themes/mae3_theme/images/3poles_triangle.png) center top no-repeat;
	border: 6px solid #dbfdf8;
	border-radius: 50%;
	-webkit-background-size: 90%;
	-moz-background-size: 90%;
	-o-background-size: 90%;
	background-size: 90%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
@media(max-width:1024px) and (orientation:portrait) {
.section--3poles_triangle {
	width: 50vw;
	height: 50vw
}
}
@media(max-width:667px) {
.section--3poles_triangle {
	width: 100% !important;
	height: auto !important;
	background: none;
	border: 0;
	opacity: 1 !important
}
.section--3poles_triangle ul {
	width: 100% !important
}
.section--3poles_triangle .section--3poles_liste_elt {
	position: relative;
	width: auto;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: block !important;
	opacity: 1 !important;
	width: auto !important;
	text-align: left !important;
	margin: 1em 0 1em 3.5em !important;
	font-size: .9em
}
.section--3poles_triangle .section--3poles_liste_elt:before {
	content: "";
	width: 20px;
	height: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #161616;
	display: block;
	left: -32px;
	top: 4px;
	position: absolute
}
.section--3poles_triangle .pole-bullet {
	display: none
}
}
.section--3poles_liste_elt {
	position: absolute;
	font-size: 1.05em;
	width: 350px
}
.section--3poles_liste_elt span.strong {
	font-size: 1.3em;
	letter-spacing: .1em
}
.section--3poles_liste_elt.pole-top {
	top: -6em;
	left: 50%;
	margin-left: -175px
}
.section--3poles_liste_elt.pole-left, .section--3poles_liste_elt.pole-right {
	top: 70%
}
.section--3poles_liste_elt.pole-right {
	right: -360px
}
.section--3poles_liste_elt.pole-left {
	left: -360px
}
.section--3poles_liste_elt span {
	display: block
}
@media(max-width:1024px) {
.section--3poles_liste_elt.pole-left, .section--3poles_liste_elt.pole-right {
	width: 200px;
	top: 69%
}
.section--3poles_liste_elt.pole-left {
	left: -200px
}
.section--3poles_liste_elt.pole-right {
	right: -200px
}
}
.pole-bullet {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.75em;
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #333;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity .4s ease-in;
	-moz-transition: opacity .4s ease-in;
	-ms-transition: opacity .4s ease-in;
	-o-transition: opacity .4s ease-in;
	transition: opacity .4s ease-in
}
.pole-bullet.animate {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}
.pole-bullet.pole-bullet-left.animate {
	animation: bulletleft .66s linear infinite;
	animation-fill-mode: forwards;
	-webkit-animation: bulletleft .66s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: bulletleft .66s linear;
	-moz-animation-fill-mode: forwards;
	-ms-animation: bulletleft .66s linear;
	-ms-animation-fill-mode: forwards
}
.pole-bullet.pole-bullet-right.animate {
	animation: bulletright .33s linear infinite;
	animation-fill-mode: forwards;
	-webkit-animation: bulletright .33s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: bulletright .33s linear;
	-moz-animation-fill-mode: forwards;
	-ms-animation: bulletright .33s linear;
	-ms-animation-fill-mode: forwards
}
.pole-bullet.pole-bullet-top.animate {
	animation: bullettop 1s linear infinite;
	animation-fill-mode: forwards;
	-webkit-animation: bullettop 1s linear;
	-webkit-animation-fill-mode: forwards;
	-moz-animation: bullettop 1s linear;
	-moz-animation-fill-mode: forwards;
	-ms-animation: bullettop 1s linear;
	-ms-animation-fill-mode: forwards
}
@-webkit-keyframes bulletleft {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(242.5deg) translate3d(0%, -25vh, 0) rotate(0) rotate(242.5deg)
}
}
@-webkit-keyframes bulletright {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(117deg) translate3d(0%, -25vh, 0) rotate(0) rotate(117deg)
}
}
@-webkit-keyframes bullettop {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(359.4deg) translate3d(0%, -25vh, 0) rotate(0) rotate(359.4deg)
}
}
@-moz-keyframes bulletleft {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(242.5deg) translate3d(0%, -25vh, 0) rotate(0) rotate(242.5deg)
}
}
@-moz-keyframes bulletright {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(117deg) translate3d(0%, -25vh, 0) rotate(0) rotate(117deg)
}
}
@-moz-keyframes bullettop {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vh, 0) rotate(0) rotate(359.4deg)
}
}
@-ms-keyframes bulletleft {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(242.5deg) translate3d(0%, -25vh, 0) rotate(0) rotate(242.5deg)
}
}
@-ms-keyframes bulletright {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(117deg) translate3d(0%, -25vh, 0) rotate(0) rotate(117deg)
}
}
@-ms-keyframes bullettop {
0% {
transform:rotate(0) translate3d(0%, -25vh, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vh, 0) rotate(0) rotate(359.4deg)
}
}
@media(max-width:1024px) and (orientation:portrait) {
@-webkit-keyframes bulletleft {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(242.5deg) translate3d(0%, -25vw, 0) rotate(0) rotate(242.5deg)
}
}
@-webkit-keyframes bulletright {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(117deg) translate3d(0%, -25vw, 0) rotate(0) rotate(117deg)
}
}
@-webkit-keyframes bullettop {
0% {
-webkit-transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
-webkit-transform:rotate(359.4deg) translate3d(0%, -25vw, 0) rotate(0) rotate(359.4deg)
}
}
@-moz-keyframes bulletleft {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(242.5deg) translate3d(0%, -25vw, 0) rotate(0) rotate(242.5deg)
}
}
@-moz-keyframes bulletright {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(117deg) translate3d(0%, -25vw, 0) rotate(0) rotate(117deg)
}
}
@-moz-keyframes bullettop {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vw, 0) rotate(0) rotate(359.4deg)
}
}
@-ms-keyframes bulletleft {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vw, 0) rotate(0) rotate(359.4deg)
}
}
@-ms-keyframes bulletright {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vw, 0) rotate(0) rotate(359.4deg)
}
}
@-ms-keyframes bullettop {
0% {
transform:rotate(0) translate3d(0%, -25vw, 0) rotate(0) rotate(0)
}
100% {
transform:rotate(359.4deg) translate3d(0%, -25vw, 0) rotate(0) rotate(359.4deg)
}
}
}
.section--services-bas h2 {
	padding: .5em;
	margin: 0
}
.section--services-bas h3 {
	font-weight: 400
}
.section--services-bas .field-section-html {
	height: 100%
}
.section--services-bas .field-section-html .col {
	height: 100%;
	padding: .5em
}
.section--services-bas .block--gris_content {
	height: 100%;
	padding-top: 10%
}
@media(min-width:1024px) and (max-width:1280px) {
.section--services-bas .block--gris_content:before {
	-webkit-transform: translateZ(0.1px) scale(0.75);
	-moz-transform: translateZ(0.1px) scale(0.75);
	-ms-transform: translateZ(0.1px) scale(0.75);
	-o-transform: translateZ(0.1px) scale(0.75);
	transform: translateZ(0.1px) scale(0.75)
}
}
@media(max-width:1024px) {
.section--services-bas .block--gris_content {
	padding-top: 5%
}
}
.section--services-bas .block--gris_content:before {
	display: inline-block;
	background: #373737;
	margin-top: 2em;
	line-height: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}
.section--services-bas .block--gris_content p {
	margin: 1em;
	font-size: .95em
}
@media(min-width:1024px) and (max-width:1280px) {
.section--services-bas .block--gris_content p {
	margin-top: 0
}
}
.section--services-bas .block--gris_content a.maecia--linkborders:hover {
	color: #090401
}
@media(max-width:1024px) {
.section--services-bas .field-section-html {
	height: auto;
	width: 100%
}
.section--services-bas .field-section-html .col {
	height: auto;
	display: block;
	width: 100%
}
}
.section--services-bas .block--gris_head {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}
@media(max-width:1280px) {
.section--services-bas .block--gris_head {
	font-size: .8em
}
}
.section--services-bas .block--gris {
	height: 100%;
	position: relative;
	padding: 0
}
.section--services-bas .block--gris.special-agence .block--gris_content:before {
	content: url(/sites/all/themes/mae3_theme/images/mask_agence.png);
	background: #373737;
	background: -moz-linear-gradient(left, #373737 0, #373737 31%, #933e41 49%, #4a7a84 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #373737), color-stop(31%, #373737), color-stop(49%, #933e41), color-stop(100%, #4a7a84));
	background: -webkit-linear-gradient(left, #373737 0, #373737 31%, #933e41 49%, #4a7a84 100%);
	background: -o-linear-gradient(left, #373737 0, #373737 31%, #933e41 49%, #4a7a84 100%);
	background: -ms-linear-gradient(left, #373737 0, #373737 31%, #933e41 49%, #4a7a84 100%);
	background: linear-gradient(to right, #373737 0, #373737 31%, #933e41 49%, #4a7a84 100%);
	-webkit-background-size: 300%;
	-moz-background-size: 300%;
	-o-background-size: 300%;
	background-size: 300%;
	background-position: 0 100%
}
.section--services-bas .block--gris.special-intranet .block--gris_content:before {
	content: url(/sites/all/themes/mae3_theme/images/mask_inside.png)
}
.section--services-bas .block--gris.special-drupal .block--gris_content:before {
	content: url(/sites/all/themes/mae3_theme/images/mask_drupal.png)
}
.section--services-bas .block--gris:hover.special-agence .block--gris_content:before {
	background-position: 100% 0;
	-webkit-background-size: 200%;
	-moz-background-size: 200%;
	-o-background-size: 200%;
	background-size: 200%
}
.section--services-bas .block--gris:hover.special-intranet .block--gris_content:before {
	background: #c46551
}
.section--services-bas .block--gris:hover.special-drupal .block--gris_content:before {
	background: #11679a
}
.node--reference {
	overflow: hidden
}
.node--reference .body a {
	color: #fff;
	text-decoration: underline
}
.node--reference .body a:hover {
	color: #ccc
}
.node--reference .field-maecia-site-link {
	margin-top: 1.25em
}
.field-maecia-ref-bg img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 350px;
	max-height: 603px;
	max-width: none;
	-webkit-transition: all 2s ease-in;
	-moz-transition: all 2s ease-in;
	-ms-transition: all 2s ease-in;
	-o-transition: all 2s ease-in;
	transition: all 2s ease-in
}
.node--reference_text {
	margin-left: -250px;
	left: 50%
}
@media(max-width:667px) {
.node--reference_text {
	margin-left: 0;
	left: 0;
	padding: .75em;
	font-size: .8em;
	width: 100%
}
}
.section-section-avec-photos {
	padding: 2% 0 0 0
}
.section-section-avec-photos .field-section-presentation {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: .08em;
	margin-bottom: 1.5%
}
@media(max-width:667px) {
.section-section-avec-photos .field-section-presentation {
	font-size: .9em
}
}
.section-section-avec-photos .field-section-gallerie {
	margin: 0 auto
}
.section-section-avec-photos .field-section-gallerie .field-item {
	height: 50vh;
	overflow: hidden;
	background-size: cover;
	background-position: center center
}
.section-section-avec-photos .field-section-gallerie .field-item img {
	max-width: 1262px;
	height: 500px;
	width: auto;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
.section-section-avec-photos .field-section-gallerie .field-item:before {
	content: "";
	background: #24f7dc;
	height: 100%;
	opacity: .38;
	position: absolute;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	width: 100%
}
.section-section-avec-photos .field-section-gallerie .field-item:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	border: 1px solid #fff
}
.section-section-avec-photos .field-section-gallerie .field-item:hover:before {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
.section-section-avec-photos .field-section-gallerie .field-item.photo-w2:after {
	border-right-width: 2px
}
@media(max-width:1024px) {
.section-section-avec-photos .photo-w2 {
	width: 100%
}
.section-section-avec-photos .photo-w1 {
	width: 50%
}
.section-section-avec-photos .field-section-gallerie .field-item {
	height: 300px;
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden
}
}
@media(max-width:667px) {
.section-section-avec-photos .photo-w2 {
	width: 100%
}
.section-section-avec-photos .photo-w1 {
	width: 100%
}
.section-section-avec-photos .field-section-gallerie .field-item {
	height: 300px !important
}
}
.section--roadmap_wrapper {
	z-index: 1;
	position: relative
}
.section--roadmap_bg {
	background-image: url(/sites/all/themes/mae3_theme/images/bg_roadmap.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 5;
	background-position: center bottom;
	opacity: .4;
	-webkit-background-size: 50%;
	-moz-background-size: 50%;
	-o-background-size: 50%;
	background-size: 50%
}
#skrollr-body {
	height: 100%;
	width: 100%;
	position: relative
}
.section--roadmap_wrapper .section--roadmap_wrapper_push {
	width: 50%;
	float: right
}
@media(max-width:1024px) {
.section--roadmap_wrapper .section--roadmap_wrapper_push {
	width: 100%
}
}
.section--roadmap_wrapper.first .section--roadmap_wrapper_push {
	float: left;
	padding-left: 125px;
	padding-top: 32px;
	margin-bottom: 2em
}
.section--roadmap_elt {
	margin-top: 70px;
	position: relative
}
.section--roadmap_elt p {
	margin: 0
}
.section--roadmap_elt_icon {
	position: absolute;
	left: -110px;
	z-index: 10
}
.section--roadmap_elt_icon span {
	font-size: 2em;
	color: #fff
}
.section--roadmap_elt_icon span:before {
	padding: 20px;
	display: block;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #000
}
.section--roadmap_title {
	text-transform: uppercase;
}
.section--roadmap_elt_html p {
	text-align: left
}
.section--roadmap_elt_html p img {
	height: 50px;
	margin-top: .75em
}
.section--roadmap_elt_html .maecia--subtitle {
	margin-top: 1em
}
.section--roadmap_elt_html .maecia--subtitle:first-child {
	margin-top: 0
}
.section--roadmap_bgleft {
	left: -50%;
	top: 0;
	bottom: 0
}
.section--roadmap_bgright {
	right: -50%;
	top: 0;
	bottom: 0
}
.section--roadmap_svg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}
.section--roadmap_wrapper.first .section--roadmap_svg {
	width: 50%
}
.section--roadmap_svg_h {
	width: 100px;
	height: 100%
}
.section--roadmap_svg_h .svg-r {
	z-index: 20;
	position: relative
}
.section--roadmap_svg_h .svg-r path {
	stroke-dasharray: 252
}
.section--roadmap_svg_h .div-v {
	z-index: 10;
	height: 100%;
	width: 20px;
	padding-top: 98px;
	left: 40px;
	top: 0;
	position: absolute
}
.section--roadmap_svg_h .div-v .div-v_cont {
	height: 100%
}
.section--roadmap_svg_v {
	padding-left: 40px;
	display: table;
	width: 100%;
	margin-top: -1px
}
.section--roadmap_svg_v .div-h {
	width: 100%
}
.section--roadmap_svg_v .svg-c, .section--roadmap_svg_v .div-h {
	display: table-cell;
	vertical-align: initial;
}
.section--roadmap_svg_v .svg-c path, .section--roadmap_svg_v .div-h path {
	stroke-dasharray: 71
}
.section--roadmap_svg_v .div-h_cont {
	height: 20px;
	background-color: #f0918b;
	
	background-image: -webkit-gradient(linear, left top, right top, from(#00aeef), to(#00aeef));
	background-image: -webkit-linear-gradient(left, #00aeef, #00aeef);
	background-image: -moz-linear-gradient(left, #00aeef, #00aeef);
	background-image: -ms-linear-gradient(left, #00aeef, #00aeef);
	background-image: -o-linear-gradient(left, #00aeef, #00aeef);
	position: relative;
	overflow: hidden;
	margin-left: -1px
}
.section--roadmap_svg_v .div-h_cont .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #fff
}
.icon-ergo:before {
	content: "\e904"
}
.icon-webd:before {
	content: "\e904"
}
.icon-spec:before {
	content: "\e972"
}
.icon-drup:before {
	content: "\e9ec"
}
.icon-fron:before {
	content: "\e963"
}
.icon-hebg:before {
	content: "\e926"
}
.section--roadmap_wrapper.first svg path {
	stroke: #00aeef
}
.section--roadmap_wrapper.first .div-v_cont {
	background-color: #00aeef
}
.section--roadmap_wrapper.first .section--roadmap_elt_icon span:before {
	background-color: #00aeef
}
@media(max-width:1024px) {
.section--roadmap_wrapper.first .section--roadmap_elt_icon {
	left: -106px
}
}
.second .section--roadmap_wrapper_push {
	padding: 30px 0 150px 120px
}
.second .section--roadmap_svg {
    left: -11px;
    top: -15px
}
@media(max-width:1024px) {
.second .section--roadmap_svg {
	left: 0;
	top: 0
}
}
.second .section--roadmap_svg_h:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 50%;
	z-index: 10;
	background-color: rgba(255,255,255,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);
	background: -moz-linear-gradient(top, rgba(255,255,255,0), #fff);
	background: -ms-linear-gradient(top, rgba(255,255,255,0), #fff);
	background: -o-linear-gradient(top, rgba(255,255,255,0), #fff)
}
.section--roadmap_wrapper.second svg path {
	stroke: #00aeef
}
.section--roadmap_wrapper.second .div-v_cont {
	background-color: #00aeef
}
@media(max-width:1024px) {
.section--roadmap_wrapper.second .section--roadmap_elt_icon {
	left: -100px
}
}
.section--roadmap_wrapper.second .section--roadmap_elt_icon span:before {
	background-color: #00aeef
}
@media(max-width:667px) {
.section--roadmap {
	display: none
}
.section--roadmap_svg, .section--roadmap_title {
	display: none
}
.section--roadmap_wrapper {
	background-color: #fff
}
.section--roadmap_elt_html {
	color: #000
}
.section--roadmap_elt_html .maecia--subtitle {
	font-size: 1.25em
}
.section--roadmap_wrapper.first, .section--roadmap_wrapper.second {
	font-size: .8em
}
.section--roadmap_wrapper.first .section--roadmap_wrapper_push, .section--roadmap_wrapper.second .section--roadmap_wrapper_push {
	padding-left: 80px;
	padding-bottom: 20px;
	padding-top: 0
}
.section--roadmap_elt_icon {
	left: -67px !important;
	opacity: 1 !important;
	top: 0 !important
}
.section--roadmap_elt_html {
	left: 0 !important;
	opacity: 1 !important
}
}
.section-section-triptyque {
	overflow: hidden;
	display: block;
	padding: 3em 3% 4em 3%
}
.section-section-triptyque.big-triptyque {
	font-size: 1.3em
}
@media(min-width:768px) {
body {
	height: auto !important;
}

}
@media(max-width:768px) {
body {
    overflow-y: scroll;
}
	
}

@keyframes pulse {
0% {
background-color:#45ceef
}
25% {
background-color:#fff5a5
}
50% {
background-color:#ffd4da
}
75% {
background-color:#99d2e4
}
100% {
background-color:#d8cab4
}
}
@-o-keyframes pulse {
0% {
background-color:#45ceef
}
25% {
background-color:#fff5a5
}
50% {
background-color:#ffd4da
}
75% {
background-color:#99d2e4
}
100% {
background-color:#d8cab4
}
}
@-webkit-keyframes pulse {
0% {
background-color:#45ceef
}
25% {
background-color:#fff5a5
}
50% {
background-color:#ffd4da
}
75% {
background-color:#99d2e4
}
100% {
background-color:#d8cab4
}
}
@-moz-keyframes pulse {
0% {
background-color:#45ceef
}
25% {
background-color:#fff5a5
}
50% {
background-color:#ffd4da
}
75% {
background-color:#99d2e4
}
100% {
background-color:#d8cab4
}
}