/* CSS Rules: Sorted alphabetically for better organization. */

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

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
	font-family: inherit 
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}

/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
	background: #dddddd;
	border: none;
	clear: both;
	float: none;
	height: 1px;
	width: 100%;
}

hr.space {
	background: #ffffff;
}

/* =Base
-------------------------------------------------------------- */
html {
	height: 100%;
}

.grecaptcha-badge {
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
}

body {
	background: #fff;
	color: #606060;
	 font-family: "Red Hat Text", sans-serif;
    font-size: 16px;
    line-height: 1.875;
    font-weight: 400;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    box-sizing: border-box
}

/* =Typography
-------------------------------------------------------------- */
p {
	word-wrap: break-word;
}

i,
em,
dfn,
cite {
	font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
	font-family: monospace, serif;
	font-style: normal;
}

b,
strong {
	font-weight: 700;
}

pre {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #aaaaaa;
	border-bottom-color: #cccccc;
	border-radius: 2px;
	height: auto;
	margin: 0;
	outline: none;
	padding: 6px 10px;
	vertical-align: middle;
	width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
}

del {
	color: #555555;
	text-decoration: line-through;
}

ins,
dfn {
	border-bottom: 1px solid #cccccc;
}

sup,
sub,
small {
	font-size: 85%;
}

abbr,
acronym {
	font-size: 85%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

a abbr,
a acronym {
	border: none;
}

dfn[title],
abbr[title],
acronym[title] {
	border-bottom: 1px solid #cccccc;
	cursor: help;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

/* =Responsive 12 Column Grid
    http://demos.cyberchimps.com/responsivepro/responsive-grid/
-------------------------------------------------------------- */
.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}

.col-460 {
	width: 48.936170212766%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.cinqcolmodif .vc_col-sm-2 {
	width: 20%;
}

/* =Visibility
-------------------------------------------------------------- */
.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.none {
	display: none;
}

.hide-desktop {
	display: none;
}

.show-desktop {
	display: block;
}

/* =Responsive Images
-------------------------------------------------------------- */
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.ie8 img {
	height: auto;
	width: auto;
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}

/* =Responsive Videos
-------------------------------------------------------------- */
video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
	max-width: 100%;
}

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

/* =Links
-------------------------------------------------------------- */
a {
	color: #134488;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}



a:hover,
a:focus,
a:active {
	color: #093572;
	outline: 0;
	text-decoration: none;
}

.liensouligne a {
	border-bottom: 2px solid #134488;
}

.liensouligne a:hover {
	border-bottom: 2px solid #093572;
} 

a::-moz-selection {
	background: #999999;
	color: #ffffff;
	text-shadow: none;
}

/* =Forms
-------------------------------------------------------------- */
label {
	display: inline-block;
	font-weight: 700;
	padding: 2px 0;
}

legend {
	padding: 2px 5px;
}

fieldset {
	border: 1px solid #cccccc;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: text;
	margin: 0;
	outline: none;
	vertical-align: middle;
	max-width: 100%;
}

select {
	height: auto;
	max-width: 100%;
}

area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #ffffff;
	box-sizing: border-box;
	border-radius: 2px;
	height: auto;
	overflow: auto;
	margin: 0;
	outline: none;
	max-width: 100%;
}

map area {
	padding: 0px;
	border: 0px;
}

input,
select {
	cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {

}

input[type='text'],
input[type='password'] {
	cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="email"] {
	width: 96%;
}

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	color: #212121;
	display: block;
	margin: 0 auto;
	max-width: 960px;
	padding: 10px;
	position: absolute;
	top: 60px;
	text-align: center;
	width: 100%;
}

.msie-box a {
	color: #212121;
}

/* =Tables
-------------------------------------------------------------- */
th,
td,
table {
	border: 1px solid #dddddd;
}

table {
	border-collapse: collapse;
	width: 100%;
}

/* =Lists
-------------------------------------------------------------- */
ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

ol {
	line-height: 22px;
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}

dt {
	font-weight: 400;
}

/* =Blockquote
-------------------------------------------------------------- */
blockquote {
	background: #f9f9f9;
	border: none;
	border-left: 4px solid #d6d6d6;
	margin: 20px;
	overflow: auto;
	padding: 0 0 10px 12px;
}

blockquote p {
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 26px;
}

/* =Headings
-------------------------------------------------------------- */
/* h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height: 1.0em;
	font-weight: 700;
	word-wrap: break-word;
}

h1 {
	font-size: 2.625em; 
	margin-bottom: .5em;
}

h2 {
	font-size: 2.250em;
	margin-bottom: .75em;
}

h3 {
	font-size: 1.875em; 
	margin-bottom: .857em;
}


h4 {
line-height: 22px;
letter-spacing: 5px;
margin-top: 0;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}


h5 {
	font-size: 1.125em; 
	margin-bottom: 1.125em;
}

h6 {
	font-size: 1.000em; 
	margin-bottom: 1.285em;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 20px;
    font-family: "Red Hat Display", sans-serif;
	color: #1a1b1e
}

.txtblanc h1,
.txtblanc h2,
.txtblanc h3,
.txtblanc h4,
.txtblanc h5,
.txtblanc h6
{
	color: #fff;
}


h1 {
    font-size: 42px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 18px
}

/* =Margins & Paddings
-------------------------------------------------------------- */

.txtblanc {
	color: #FFF !important
}

p,
hr,
dl,
pre,
form,
table,
address,
blockquote {
	margin: 0 0 1.2em 0;
}

th, td {
	padding: .8em;
}

caption {
	padding-bottom: .8em;
}

blockquote {
	padding: 0 1em;
}

blockquote:first-child {
	margin: .8em 0;
}

fieldset {
	margin: 1.6em 0;
	padding: 0 1em 1em;
}

legend {
	padding-left: .8em;
	padding-right: .8em;
}

legend+* {
	margin-top: 1em;
}

input,
textarea {
	padding: .3em .4em .15em;
}

select {
	padding: .1em .2em 0;
}

option {
	padding: 0 .4em;
}

dt {
	margin-bottom: .4em;
	margin-top: .8em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

ul,
ol {
	margin: 0 1.5em 1.5em 0;
	padding-left: 2.0em;
}

li ul,
li ol {
	margin: 0;
}

form div {
	margin-bottom: .8em;
}

/* =Globals
-------------------------------------------------------------- */
#header {
	margin: 0;
	display: block;
	float: left;
	width: 100%;
	position: absolute;
	z-index: 9999;
}

#wrapper {
	clear: both;
	margin: 0px auto;
	padding: 0;
	position: relative;
	max-width: 100%;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

#container, .container {
	margin: 0 auto;
	max-width: 1420px;
	padding: 0px 25px;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.containerinwrap {
	margin: 0 auto !important;
	max-width: 1420px !important;

}

.containerinwrap > div {
	position: relative;
	z-index: 2
}


.containparticles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

#footer {
	margin: 0;
	padding: 0;
	background: #000;
}

.footer-wrapper, .footerinfos-wrapper {
	margin: 0 auto;
	max-width: 1360px;
	padding: 0px 25px;
	text-align: center;
	display: block;
	position: relative;
	clear: both;
}

.footer-wrapper .grid {
	margin-bottom: 0 !important;
}

.footer-wrapper .wpml-ls-legacy-list-horizontal {
	border: none !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.footer-wrapper {
	line-height: 46px;
}

#footerinfos {
	background: #1b2956 url("../images/bgfootinfos2-new.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	float: left;
	width: 100%;
	margin: 0;
	padding: 97px 0 35px;
}

/* =Header
-------------------------------------------------------------- */
#logo {
	float: left;
	margin: 0px 15px 0 0;
	position: relative;
	z-index: 9;
}

#footerinfos #logo {
	margin-top: 0;
	float: none;
}

#logo svg {
	width: 220px;
}


/* =Content
-------------------------------------------------------------- */
#content {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-full {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content-blog {
	margin-top: 40px;
	margin-bottom:0px;
}

#content-images {
	margin-bottom: 20px;
}

#content-search {
	margin-bottom: 20px;
	margin-top: 20px;
}

#content-archive {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-sitemap {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-sitemap a {
	font-size: 12px;
}

#content .sticky {
	clear: both;
}

#content .sticky p {
}

/* =Post
-------------------------------------------------------------- */
.comments-link {
	font-size: 12px;
}

#cancel-comment-reply-link {
	color: #990000;
}

.post-data {
	clear: both;
	font-size: 12px;
	font-weight: 700;
	margin-top: 20px;
}

.post-data a {
	color: #111111;
}

.post-entry {
	clear: both;
}

.post-meta {
	clear: both;
	color: #7E7E7E;
	font-size: 12px;
	margin-bottom: 10px;
}

.post-edit {
	clear: both;
	display: block;
	font-size: 12px;
	margin: 1.5em 0;
}

.post-search-terms {
	clear: both;
}

.read-more {
	clear: both;
	font-weight: 700;
}

.attachment-entry {
	clear: both;
	text-align: center;
}


/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
	color: #aaaaaa;
	font-size: 18px;
	margin-left: 5px;
}

.form-allowed-tags {
	display: none;
	font-size: 10px;
}

.title-404 {
	color: #993333;
}

/* =404 Page
-------------------------------------------------------------- */
.error404 select,
.error404 input[type="text"],
.error404 input[type="password"],
.error404 input[type="email"] {
	width: auto;
}

/* =Accessibility
-------------------------------------------------------------- */
.screen-reader-text{
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus
{
	clip:auto;
}


/* topbar 
-------------------------------------------------------------- */
.topbar {
background: #001e54;
	color: #FFF;
	height: 50px;
	line-height: 50px;
	padding: 0px 0;
	margin-bottom: 30px;
	 font-size: 14px;
}
.topbar .grid {
	margin-bottom: 0 !important
}

.infosdr {
	text-align: right;
}

.infosdr a, .infosdr span {
	padding: 0 16px;

	display: inline-block;
	font-size: 13px;
}

.infosdr i {
	margin-right: 4px;
}



.topbar a {
	display: inline-block;
    color: #FFFFFF;
    text-align: left;
    font-weight: 400;
}
/*.topbar a.lientel {
	background: url("../images/tel.svg");
	background-size: 20px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 20px 0 20px
}*/

.topbar a.lientel {
	color: #fff;
font-weight: 400;
	border: 1px solid #fff;
	-webkit-border-radius: 50px;
border-radius: 50px;
	padding: 0px 8px 0px 36px;
	margin-left: 0px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	position: relative;
}
.topbar a.lientel:before {
	content:"";
	background: url("../images/phonecomwh-top.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left:-1px;
	top:0;
	bottom: 0;
	
}
.topbar a.lientel:hover {
background-color: #018fff;	
}

.topbar a.accespros {
	background: #009515;
}

.topbar a.accespros i {
	font-size: 14px;
}

.infosga a {
	opacity: 0.8;
	color: #FFF;
	text-decoration: none;
	padding: 0 5px;
	font-weight: 400;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.infosga a:hover {
	opacity: 1;
}




/* =Header Menu (Primary)
-------------------------------------------------------------- */

.lang {
	display: inline-block !important
}

.wpml-ls-legacy-dropdown a {
	background: none !important;
	border: none !important;
}
.lang {
	text-align: left !important
}

.lang .wpml-ls-legacy-dropdown {
	width: auto !important
}

.lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	background: none !important;
	border: none !important;
}


.lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
	background: #FFF !important;
	line-height: 32px;
	border: none !important;
}

.lang .wpml-ls-item-fr a,
.lang .wpml-ls-item-en a,
.lang .wpml-ls-item-es a,
.lang .wpml-ls-item-nl a {
	padding: 0 48px 0 4px !important
}

.lang .wpml-ls-item-fr > a:before {
	content:"FR";
	color: #fff;
	position: absolute;
	right: 24px
}

.lang .wpml-ls-item-es > a:before {
	content:"ES";
	color: #fff;
	position: absolute;
	right: 24px
}

.lang .wpml-ls-item-en > a:before {
	content:"EN";
	color: #fff;
	position: absolute;
	right: 24px
}


.lang .wpml-ls-item-nl > a:before {
	content:"NL";
	color: #fff;
	position: absolute;
	right: 24px
}

.lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:before {
	color: #000 !important
}


.commanderenligne {
	float: right;
	margin-left: 20px;
}

.menu {
	margin: 0 auto;
	font-family: 'Red Hat Text', sans-serif;
	border-top: 1px solid rgba(237,237,237,0.3);
	position: relative;
	z-index: 9;
	float: right;
}

.main-nav {

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

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	padding: 0 2px;
	z-index: 5;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.menu > ul {
	margin-top: 0px;

	display: block;
	min-width: 25em;
	width: auto;
	background:#C5403C ;
}

#header .menu > li > a {

	color: #FFF;
	position: relative;
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: 400;
	height: 62px;
	line-height: 62px;
	margin: 0;
	/* padding: 0 0.9em; */
	padding: 0 1.0em;
	text-decoration: none;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
		-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	
}

#header .menu > li > a:hover, #header .menu > li.current_page_item > a {
	color: #059646;
}

#header .menu > li > a:before, #header .menu > li.current_page_item > a:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: -1px;
    pointer-events: none;
    background-color: #059646;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: 0.25s transform cubic-bezier(0, 0.35, 0.15, 1)
}
#header .menu > li > a:hover:before,
#header .menu > li > a.active:before,
#header .menu > li.active > a:before, #header .menu > li.current_page_item > a:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.front-page #header  .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}


.menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

/*.js .main-nav .menu {*/
/*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
	background: url(../../core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
	min-width: 100%;
}
.full-width-no-box #wrapper {
	margin: 0 auto 20px auto ;
}


/* =Navigation
-------------------------------------------------------------- */
.navigation {
	color: #111111;
	display: block;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	margin: 20px 0;
	padding: 0 5px;
}

.navigation a {
	color: #aaaaaa;
	padding: 4px 10px;
}

.navigation a:hover {
	color: #111111;
	text-decoration: none;
}

.navigation .previous {
	float: left;
}

.navigation .next {
	float: right;
}

.navigation .bracket {
	font-size: 36px;
}

/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	padding: 5px 0;
}

.pagination a {
	text-decoration: none;
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
	font-size: 12px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 20px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #f9f9f9;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 13px 10px 10px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 10px;
}

img.wp-smiley {
	vertical-align: middle;
}

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	max-width: 155px;
}

.gallery img {
	border: 1px solid #dddddd;
}

.gallery .gallery-caption {
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery br+br {
	display: none;
}

.attachment-gallery img {
	background: #ffffff;
	border: 1px solid #f0f0f0;
	display: block;
	height: auto;
	margin: 15px auto;
	max-width: 96%;
	padding: 5px;
	width: auto;
}

.gallery-meta .iso,
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,
.gallery-meta .focal-length {
	display: block;
}

/* =Post Thumbnails
-------------------------------------------------------------- */
img.wp-post-image,
img.attachment-full,
img.attachment-large,
img.attachment-medium,
img.attachment-thumbnail {
	display: block;
	margin: 15px auto;
	width: auto;
}

/* =WPML
-------------------------------------------------------------- */
.icl_languages_selector {
	float: right;
	text-align: left
}

.rtl .icl_languages_selector {
	float: left;
	text-align: right
}

@media screen and (max-width: 650px) {
	.icl_languages_selector,
	.rtl .icl_languages_selector {
		float: none;
	}
}
/* =Footer
-------------------------------------------------------------- */
#footer {
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,0.6);
}

#footer a {
	color: rgba(255,255,255,0.6);
}
#footer a:hover {
	color: rgba(255,255,255,0.9);
}

#footer a.mentionslegales {
	margin: 0 35px;
	display: inline-block;
}

.scroll-top {
	text-align: center;
}

#footer-wrapper .contact_div
{
    margin-bottom: 2.127659574468%!important;
}

.footercoordonnes,
.footernavigation,
.footersocial {
	text-align: left;
	margin-bottom: 0 !important
}


.footercoordonnes h4,
.footernavigation h4,
.footersocial h4 {
	line-height: 22px;
color: rgba(255,255,255,0.6);
text-align: left;
letter-spacing: 5px;
margin-top: 0;
font-size: 14px;
font-weight: 400;
	text-transform: uppercase;
}

.footercoordonnes a {
	color: #FFF !important;
	line-height: 31px;
font-size: 17px;
	padding-left: 40px;
	position: relative;
	display: inline-block;
}

.footercoordonnes a i {
	display: none;
}


a.footertel:before,
a.footermail:before,
a.footeradresse:before {
	position: absolute;
	content:"";
	left: 0;
	top: 0px;
	background: url("../images/tel.svg") no-repeat;
	background-position: center center;
	background-size: 26px 26px;
	height: 31px;
	width: 26px;
} 
a.footermail:before {
	background: url("../images/mail.svg") no-repeat;
	background-position: center center;
	background-size: 23px 18px;
} 
a.footeradresse:before {
	background: url("../images/adresse.svg") no-repeat;
	background-position:center center;
	background-size: 17px 24px;
}


.footernavigation .menu {
	float: left;
	border: none  !important;
}

.footernavigation .menu li {
	float: none;
	width: 100%;
	text-align: left;
}

#footer .footernavigation .menu li a {
	padding: 0;
	text-align: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	color: #FFF;
	text-transform: none;
	-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}


#footer .footernavigation .menu li a:hover {
	color: #059646;
}

.footersocial {
	position: relative;
	min-height: 40px;
}

.footersocial .resauxsociaux {
	position: relative;
	margin-top: 10px;
	text-align: left;
}

.footfb, .foottw, .footlinked, .footinsta {
	text-indent: -9999px;
	display: inline-block;
	background: url("../images/reseauxsociaux2.svg") no-repeat;
	background-position: top left;
	background-size: auto 32px;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	color: rgba(255,255,255,0) !important
}

.foottw, .footinsta {
	background-position: top center;
}

.footlinked {
	background-position: top right;
	margin-right: 0;
}

#scroll {
	position:fixed;
	right:1%;
	bottom:15px;
	cursor:pointer;
	width:40px;
	height:40px;
	background-color:rgba(0,0,0,0.4);
	text-indent:-9999px;
	display:none;
	z-index:99999999;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px
}
#scroll span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#fff
}
#scroll:hover {background-color:#1b1666;}
.full-width-no-box #footer-wrapper .contact_div {margin-bottom: 0!important;}
.full-width-no-box #footer .social-icons { text-align: center;}
.full-width-no-box #footer_widget a {color: #ffffff;}
.full-width-no-box #footer_widget a:hover {color:edeaea;}
.full-width-no-box #footer_widget .widget-wrapper {
	border: none;
	color: #ffffff;
	background-color:inherit;
}
.full-width-no-box #footer .social-icons li {
	list-style: none;
display: inline-block;
padding: 9px 10px;
border: solid 2px #ffffff;
border-radius: 50%;
color: #ffffff;
width: 30px;
height: 30px;
margin: 10px;
font-size: 26px;
}
.full-width-no-box #footer .social-icons li:hover {
	background-color: rgba(255,255,255,0.4);
}
.full-width-no-box #footer .social-icons li a{
color:#fff;
}


/* =Alignments Extras
-------------------------------------------------------------- */
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
	content: ' ';
	display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
	clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
	-ms-filter: "progid:DXImageTransform.Microsoft.zoom(1)";
}

.clear {
	clear: both;
}

/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}

	ul, ol, dl {
		page-break-before: avoid;
	}
}



/*
	changes according gutenberg plugin --START
 */

 /**
  * figure audio style
  *
  */
 figure.wp-block-audio.aligncenter{
 	text-align: center;
 }

 figure.wp-block-audio.aligncenter audio{
 	width: 100%;
 }

 .wp-block-cover.aligncenter{
	 clear: both;
 }

 div .wp-block-cover-text{
  	position: absolute;
     color: #fff;
     font-size: 2em;
     line-height: 1.25;
     margin-bottom: 0;
     max-width: 610px;
     padding: 14px;
     text-align: center;
     z-index: 1;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
 	width: 100%;

 }

 .wp-block-image {
     margin-bottom: 20px;
 }

 .wp-block-gallery .blocks-gallery-item figcaption{
	 padding: 40px 0 5px;
 }

/* IMPORELEC */
/* ACCUEIL */
.bgacc {
	min-height: 80vh;
	position: relative;
}
.bgacc .vc_parallax-inner:before {
	content:"";
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 1;
	/*background: url("../images/Imporelec-Produits.min.png");*/
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat
}

.introaccueil {
	color: #FFF;
	font-size: 20px
}

.introaccueil h1 {

}

.livraisonenfrance p {
	opacity: 0.5;
	font-size: 16px;
	margin-top: 0;
}

.decouvrirnosproduitsZ a {
	color: #FFF;
	display: inline-block;
	height: 65px;
	line-height: 63px;
	font-size: 20px;
	min-width: 272px;
	-webkit-border-radius: 2px;
border-radius: 2px;
	text-align: center;
	background-color: #134488;
background-image: -moz-linear-gradient(left,  #134488 0%, #1b1464 100%);
background-image: -webkit-linear-gradient(left,  #134488 0%,#1b1464 100%);
background-image: linear-gradient(to right,  #134488 0%,#1b1464 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#1b1464',GradientType=1 );
	-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	border-bottom: 0 !important;
}
.decouvrirnosproduitsZ a:hover {
	background-color: #059646;
	background-image: -moz-linear-gradient(left,  #059646 0%, #059646 100%);
background-image: -webkit-linear-gradient(left, #059646 0%,#059646 100%);
background-image: linear-gradient(to right,  #059646 0%,#059646 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059646', endColorstr='#059646',GradientType=1 );
}

.octf-btn, .formacc input[type=submit] {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    font-size: 16px;
    padding: 16px 28px 16px 28px;
    line-height: 1;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    	background-color: #134488;
background-image: -moz-linear-gradient(left,  #134488 0%, #1b1464 100%);
background-image: -webkit-linear-gradient(left,  #134488 0%,#1b1464 100%);
background-image: linear-gradient(to right,  #134488 0%,#1b1464 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#1b1464',GradientType=1 );
    cursor: pointer;
    border: 1px solid transparent;
    outline: 0;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    font-family: "Red Hat Display", sans-serif;
    overflow: hidden;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3);
    -webkit-box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3);
    -moz-box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3)
}

.octf-btn:visited {
    color: #fff
}

.octf-btn:hover,
.octf-btn:focus {
    color: #fff
}

.octf-btn:hover,
.octf-btn:focus {
    box-shadow: none
}

.octf-btn.octf-btn-white, .formacc input[type=submit] {
    background: #fff;
    box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    color: #fe4c1c
}

.octf-btn.octf-btn-white i {
    background: #059646;
    color: #fff
}

.octf-btn.octf-btn-white:visited,
.octf-btn.octf-btn-white:hover,
.octf-btn.octf-btn-white:focus {
    background-color: #059646;
	background-image: -moz-linear-gradient(left,  #059646 0%, #059646 100%);
background-image: -webkit-linear-gradient(left, #059646 0%,#059646 100%);
background-image: linear-gradient(to right,  #059646 0%,#059646 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059646', endColorstr='#059646',GradientType=1 );
}

.octf-btn.octf-btn-white:before, .formacc input[type=submit]:before {
    background-color: rgba(5, 150, 70 .5)
}

.octf-btn:before, .formacc input[type=submit]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    background-color: rgba(255, 255, 255, .8)
}

.octf-btn:hover:before, .formacc input[type=submit]:hover:before {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.octf-btn-icon {
    text-align: left;
    padding: 10px 15px 10px 38px;
}

.octf-btn-icon i {
    background: #fff;
    color: #134488;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-left: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.octf-btn-primary, .formacc input[type=submit], .btcmdresponsive a:hover {
    	background-color: #134488;
background-image: -moz-linear-gradient(left,  #134488 0%, #1b1464 100%);
background-image: -webkit-linear-gradient(left,  #134488 0%,#1b1464 100%);
background-image: linear-gradient(to right,  #134488 0%,#1b1464 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#1b1464',GradientType=1 );
}
.octf-btn-primary:hover, .formacc input[type=submit]:hover, .btcmdresponsive a {
	background-color: #059646;
	background-image: -moz-linear-gradient(left,  #059646 0%, #059646 100%);
background-image: -webkit-linear-gradient(left, #059646 0%,#059646 100%);
background-image: linear-gradient(to right,  #059646 0%,#059646 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059646', endColorstr='#059646',GradientType=1 );
}

.octf-btn-primary.octf-btn {
    box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3);
    -webkit-box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3);
    -moz-box-shadow: 12px 12px 20px 0 rgba(5, 150, 70 .3)
}

.octf-btn-primary.octf-btn-icon {
    box-shadow: 8px 8px 18px 0 rgba(5, 150, 70 .3);
    -webkit-box-shadow: 8px 8px 18px 0 rgba(5, 150, 70 .3);
    -moz-box-shadow: 8px 8px 18px 0 rgba(5, 150, 70 .3)
}

.octf-btn-primary:hover,
.octf-btn-primary:focus {
    box-shadow: none
}

.octf-btn-secondary {
    background: #00c3ff
}

.octf-btn-secondary.octf-btn {
    box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, .3);
    -webkit-box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, .3);
    -moz-box-shadow: 12px 12px 20px 0 rgba(0, 195, 255, .3)
}

.octf-btn-secondary.octf-btn-icon {
    box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, .3);
    -webkit-box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, .3);
    -moz-box-shadow: 8px 8px 18px 0 rgba(0, 195, 255, .3)
}

.octf-btn-secondary i {
    color: #00c3ff
}

.octf-btn-secondary.octf-btn-white {
    color: #00c3ff;
    box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15)
}

.octf-btn-secondary.octf-btn-white:visited,
.octf-btn-secondary.octf-btn-white:hover,
.octf-btn-secondary.octf-btn-white:focus {
    color: #00c3ff
}

.octf-btn-secondary.octf-btn-white i {
    background: #00c3ff
}

.octf-btn-secondary:hover,
.octf-btn-secondary:focus {
    box-shadow: none
}

.octf-btn-third {
    background: #0160e7
}

.octf-btn-third.octf-btn {
    box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, .3);
    -webkit-box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, .3);
    -moz-box-shadow: 12px 12px 20px 0 rgba(1, 96, 231, .3)
}

.octf-btn-third.octf-btn-icon {
    box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, .3);
    -webkit-box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, .3);
    -moz-box-shadow: 8px 8px 18px 0 rgba(1, 96, 231, .3)
}

.octf-btn-third i {
    color: #0160e7
}

.octf-btn-third.octf-btn-white {
    color: #0160e7;
    box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -webkit-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15);
    -moz-box-shadow: 6px 6px 13px 0 rgba(42, 67, 113, .15)
}

.octf-btn-third.octf-btn-white:visited,
.octf-btn-third.octf-btn-white:hover,
.octf-btn-third.octf-btn-white:focus {
    color: #0160e7
}

.octf-btn-third.octf-btn-white i {
    background: #0160e7
}

.octf-btn-third:hover,
.octf-btn-third:focus {
    box-shadow: none
}

.octf-btn-no-icon i,
.awesome-icon span i {
    display: none
}

.btn-readmore a {
    font-family: "Red Hat Display", sans-serif;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}



@keyframes animateWave {
  0% {
    transform: scale(1,0);
  }
  100% {
    transform: scale(1,1);
  }
}
.emploiacc .wpb_wrapper > svg {
  display: block;
  transform-origin: bottom;
  animation: animateWave 1000ms cubic-bezier(0.23, 1, 0.32, 1) forwards;
}



#a-propos-d-imporelec {
	position: relative;
	z-index: 9
}

#a-propos-d-imporelec h2 {
	font-size: 48px;
	line-height: 64px;
	margin: 25px 0;
	padding: 0;
}

.btcmd {
	background: #007b00;
	width: 430px;
	height: 88px;
	-webkit-border-radius: 2px;
border-radius: 2px;
	margin: 0 0px 0 0 !important;
	text-align: center;
	float: right !important
}

.btcmdresponsive {
	display: none;	
}

.btcmd-mobile .btcmd {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	width: 400px;
	margin: 30px auto 0;
	float: none !important;
	height: 65px;
}

.btcmd:hover {
	background: #007b00;
}

.btcmd p {
	margin: 0 !important
}

.btcmd a {
	color: #FFF;
	position: relative;
	line-height:39px;
	font-size: 20px;
	background: url("../images/ebook.svg") no-repeat;
	background-position: center left;
	background-size: 39px 39px;
	padding: 0 20px 0 60px;
	margin: 27px 0;
	border-right: 1px solid rgba(255,255,255,0.5);
	display: inline-block;
	height: 39px;
	border-bottom: 2px solid rgba(255,255,255,0) !important;
}

.btcmd-mobile .btcmd a {
	margin: 16px 0;
}


.btcmd a:before {
	position: absolute;
	bottom: -6px;
	height: 2px; 
	background: rgba(255,255,255,0);
	content:"";
	width: 0px;
	display: block;
	left: 50%;
	margin-left: -00px;
}

.btcmd a:hover:before {
	position: absolute;
	bottom: -6px;
	height: 2px; 
	background: rgba(255,255,255,1);
	content:"";
	width: 80px;
	display: block;
	left: 50%;
	margin-left: -20px;
}

.btcmd a:after {
	background: url("../images/cmdenlignearrow.svg") no-repeat;
	background-size: cover;
	content:"";
	right: -35px;
	top: 50%;
	margin-top: -14px;
	position: absolute;
	width: 14px;
	height: 27px;
}

.btcmd a:hover:after {
	right: -45px;
	-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

.btcmd, .btcmd a, .btcmd a:after, .btcmd a:before {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.barrelateraleaccueil {
	-webkit-border-radius: 0 0 0 256px;
border-radius: 0 0 0 256px;
	color: #FFF;
	background: #001e54;
background: -moz-linear-gradient(top,  #001e54 0%, #134488 100%);
background: -webkit-linear-gradient(top,  #001e54 0%,#134488 100%);
background: linear-gradient(to bottom,  #001e54 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e54', endColorstr='#134488',GradientType=0 );
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.4);
box-shadow: 0 5px 20px 0 rgba(0,0,0,0.4);
	padding: 20px 10px 30px 10px !important;
	max-width: 430px;
	float: right !important;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

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

.barrelateraleaccueil ul {
	list-style: none;
	padding: 0!important;
	margin: 0;
}

.barrelateraleaccueil ul li {
	margin-top: 29px;
}

.barrelat-devis a {
	color: #0090FF;
	position: relative;
	border-bottom: none !important;
	display: inline-block
}

.barrelat-devis a:before {
	content:"";
	top: 50%;
	left: -280px;
	height: 4px;
	margin-top: -2px;
	width: 260px;
	display: block;
	background:  #0090FF;
	position: absolute;
}
.barrelat-catalogue {
	position: relative;
	padding-bottom: 20px;
}

.barrelat-catalogue:after {
	border-bottom: 2px solid rgba(255,255,255,0.5);
		position: absolute;
	bottom:0;
	left: -100px;
	right: 0;
	content:"";
}

.barrelat-catalogue a {
	color: #FFF;
	border-bottom: none !important;
	background: url("../images/catalogue-livre.svg") no-repeat;
	background-position: left center;
	background-size: 45px 32px;
	padding: 0 15px 0 55px;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	border-right: 2px solid rgba(255,255,255,0.5);
	position: relative;
}

.barrelat-catalogue a:after {
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -10px;
	bottom: 0;
	background-image: url("../images/cmdenlignearrow.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 11px 21px;
	-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
	width: 11px;
	height: 21px;
	content:"";
}

.nos-prestations {
line-height: 29px;
font-size: 21px;
font-weight: 400;
	position: relative;
	z-index: 99;
	margin-top: -128px;
}

.nos-prestations img {
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	-webkit-border-radius: 50%;
border-radius: 50%;
}

/*
.nos-prestations h3 {
	line-height: 42px;
font-size: 30px;
	font-weight: 400;
	margin-top: 0;
	padding-top: 0;
} 
*/

.nspres1 {
	position: relative;
}

.nspres1:before {
	position: absolute;
	background: crimson;
	top: 0; bottom: 0;
	left: 0; right: 0;
	z-index: 9;
	content: "Juste un petit test ...";
	color: #FFF;
	opacity: 0;
}

.blcdomaine {
	min-height: 400px;
}

.blcdomaine .wpb_wrapper {
	color: #FFF;
	z-index: 9;
	opacity: 0;
		-webkit-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-moz-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-ms-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-o-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	background: rgba(19,68,136,0.69);
}

.contblcdomaine:hover .blcdomaine .wpb_wrapper {
	opacity: 1;

}

.blcdomaine h3 {
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
	font-size: 34px;
	line-height: 44px;
}

.contblcdomaine .vc_column-inner {
	position: relative;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);

}

.contblcdomaine a {
	position: absolute;
	top: -40px;
	left: -40px;
	right:-40px;
	bottom: -40px;
	text-indent: -9999px;
	color: rgba(255,255,255,0);
	border: none !important;
}

.contblcdomaine:before, .contblcdomaine:after {
	position: absolute; 
	content:"";
	width: 152px;
	height: 152px;
	z-index: 1;
	-webkit-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-moz-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-ms-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
-o-transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
transition: all 0.3s cubic-bezier(.17,.67,.83,.67);
	opacity: 0;
}
.contblcdomaine:hover:before, .contblcdomaine:hover:after {
	opacity: 1;
}

.contblcdomaine:before {
	border-top: 2px solid #134488;
	border-left: 2px solid #134488;
	top: 80px;
	left: 80px;
}
.contblcdomaine:after {
	border-bottom: 2px solid #134488;
	border-right: 2px solid #134488;
	bottom: 80px;
	right: 80px;
}

.contblcdomaine:hover:before {
	top: 70px;
	left: 70px;
}
.contblcdomaine:hover:after {
	bottom: 70px;
	right: 70px;
}

.contblcdomaine:hover:before {
	top: -0px;
	left: -0px;
}
.contblcdomaine:hover:after {
	bottom: -0px;
	right: -0px;
}

.bandeaurecrutement {
	color: #fff;
	background-color: #1f73b5;
background: -moz-linear-gradient(left,  #1f73b5 0%, #134488 100%);
background: -webkit-linear-gradient(left,  #1f73b5 0%,#134488 100%);
background: linear-gradient(to right,  #1f73b5 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f73b5', endColorstr='#134488',GradientType=1 );
	-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.5);
	position: relative !important;
}
.bandeaurecrutement::before {
	position: absolute !important;
	width: 100%!important;
	display: block!important;
	content:""!important;
	background-image: url("../images/bgrecrutement.png") !important;
	background-size: contain!important;
	background-position: center right!important;
	background-repeat: no-repeat;
	top: 0!important;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
	opacity: 0.4
}

.bandeaurecrutement h3 {
	font-size: 34px;
	line-height: 44px;
	margin-top: 15px;
}

.bandeaurecrutement-txt a {
	color: #FFF;
	border: 1px solid #FFF !important;
	display: inline-block;
	min-height: 65px;
	line-height: 65px;
	-webkit-border-radius: 2px;
border-radius: 2px;
	padding: 0 35px;
	font-size: 20px;
}

.bandeaurecrutement-txt a:hover {
background-color: #1f73b5;
}

.videorecrutacc {
	position: relative;
}


.videorecrutacc video {
	position: relative;
	max-width: 100%;
	height: auto;
	opacity: 0.8;
}

.videorecrutacc .btn-inner {
	top: 50%;
	left: 0;
	position: absolute;
}




.nosdoms {
background-image: url("../images/doms-shape1.png"),url("../images/doms-shape2.png");
background-position: top right, bottom left;
background-repeat: no-repeat, no-repeat;

}


#nos-engagements {
background: #146447;
background: -moz-linear-gradient(left,  #146447 0%, #038201 100%);
background: -webkit-linear-gradient(left,  #146447 0%,#038201 100%);
background: linear-gradient(to right,  #146447 0%,#038201 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146447', endColorstr='#038201',GradientType=1 );
color: #FFF;
	font-size: 21px;
	line-height: 25px;
}

#nos-engagements img {
	max-width: 110px;
	padding: 10px;
	height: auto;
	border: 1px solid #FFF;
	-webkit-border-radius: 50%;
border-radius: 50%;
	margin: 0 auto;
}

#qui-sommes-nous img.attachment-full {
	margin-bottom: 0 !important
}

#quisommesnous {
	position: relative;
	background-image: url("../images/bgquisommesnous-imporelec.jpg"), url("../images/bgtopquisommesnous.png");
	background-position: bottom right, top right;
	background-size: contain, auto;
	background-repeat: no-repeat, no-repeat;
}

.portraitquisommesnous img {
	margin: 0 !important
}

.portraitdesc {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.portraitdesc-in {
	position: absolute;
	top: 35%;
	-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


/* IMPORELEC - LA SOCIETE */
.produitsdequalite h4 {
line-height: 34px;
font-size: 24px;
	font-weight: 700;
}
.produitsdequalite h3 {
line-height: 42px;
font-size: 30px;
}
.produitsdequalite  {
line-height: 32px;
text-align: left;
font-size: 20px;
}

.nosmissions {
	position: relative !important;
	
}

/*.nosmissions {
	background-repeat: no-repeat !important;
	background-image:url("../images/stock-imporelec.png")!important;
	background-position: center right!important;
	background-size: contain !important;
	color: #FFF;
	position: relative !important;
} */

.nosmissions:before {
	color: #FFF;
	content:""!important;
	display: block!important;
	z-index: 1!important;
	position: absolute!important;
	top: 0; left: 0; right: 0; bottom: 0;
	background-repeat: no-repeat !important;
	background-image:url("../images/IMPORELEC-Produits-Schneider-Electric-Achat-en-ligne.png")!important;
	background-position: center right!important;
	background-size: contain !important;
}

.circuit {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.1;
	z-index: -2
}

.circuit .anim, .circuit .anim svg {
  position: relative;
  width: 100%;
  height: 100%;
}
.circuit .anim path {
  stroke-width: 1;
}

.compteur-nbr {
	font-size: 44px;
	font-weight: bold;
color: #073c80;
	padding: 8px 0;
	line-height: 1.3em;
	margin: 0;
}
.compteur-txt {
	color: #009513;
font-weight: bold;
	font-size: 18px;
	padding: 8px 0;
	line-height: 1.3em;
	margin: 0;
}


.europa {
	min-height: 70vh;
	background: url("../images/europa.svg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.notreequipe {
	background-image: url("../images/grow1.png"), url("../images/grow3.png") ; 
	background-size: cover, auto;
	background-repeat: no-repeat, no-repeat;
	background-position: top center, center right;
	position: relative;
}

.notreequipe-texte {
	position: absolute !important;
	top: 0!important;
	left: 0!important;
	bottom: 0!important;
	right: 0!important;
}

.notreequipe-texte-in {
	position: absolute;
	top: 30%;
}


.wpb_image_grid .wpb_image_grid_ul .isotope-item {
	margin:0 2% 2% 0 !important;
	max-width: 30% !important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item img {
	margin: 0 !important;
	padding: 0 !important
}


.certifconformes .wpb_wrapper, .largestock .wpb_wrapper {
	font-weight: 700;
	padding-left: 90px;
	font-size: 24px;
	line-height: 34px;
}

.certifconformes .wpb_wrapper, .largestock .wpb_wrapper {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("../images/certifconformes.svg");
	background-size: 71px 64px;
}
.largestock .wpb_wrapper {
	background-image: url("../images/largestock.svg");
	background-size: 64px 64px;
}

/* DOMAINES */
.headdomaines {
	min-height: 65vh;
	background-position: top center !important;
	margin-bottom: 50px;
}

.domaines {
	margin-bottom: 50px;
}

.domaines h3 {
	font-size: 48px;
	line-height: 77px;
	margin-top: 0;
}

.domaines ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.domaines ul li {
	position: relative;
	padding-left: 25px;
}

.domaines ul li:before {
	content:"\f00c";
	font-family: FontAwesome;
	color: #009515;
	font-size: 15px;
	left: 0;
	top: 3px;
	position: absolute;
}

.absdom {
	position: absolute !important;
	top: 0;
	left: 0;
	bottom: 0;
}

.absdom.absdr {
	right: 0;
	left: auto;
}

.absdom.vc_parallax  {
	overflow: visible;
}

.absdom.vc_parallax .vc_parallax-inner {
    position: absolute;
    left: -5%;
    right: -5%;
	
}

.reldom.relga {
	margin-left: 60%;
}
.reldom.reldr {
	margin-right: 60%;
}

/* PRODUITS & CATALOGUE */

.secreferences {
	background: url("../images/grow3.png") no-repeat center right;
	background-size: auto;
}

.blcnosrefs {
	background: #FFF;
	box-shadow: 8px 8px 30px 0 rgba(42,67,113,.18);
	padding: 15px 27px 20px 27px;
	-webkit-border-radius: 15px;
border-radius: 15px;
}

.blcnosrefs.blcnosrefsnormes {
		color: #FFF;
	background: #001e54;
background: -moz-linear-gradient(top,  #001e54 0%, #134488 100%);
background: -webkit-linear-gradient(top,  #001e54 0%,#134488 100%);
background: linear-gradient(to bottom,  #001e54 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e54', endColorstr='#134488',GradientType=0 );
}

.blcnosrefsnormes h4 {
	color: #FFF;
}

.blcnosrefs img {
	max-width: 80%;
}
.blcnosrefsnormes  img {
	max-width: 50%;
}

.svgrefs {
	position: absolute;
	top: 25%;
left: 2%;
	max-width: 220px;
	height: auto;
}


.listthumbproduits img {
	-webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,0.25);
box-shadow: 0 1px 20px 0 rgba(0,0,0,0.25);
	margin-bottom: 5px;
}

#catalogue {
	background: #353535;
background: -moz-linear-gradient(left,  #353535 0%, #000000 100%);
background: -webkit-linear-gradient(left,  #353535 0%,#000000 100%);
background: linear-gradient(to right,  #353535 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#000000',GradientType=1 );
color: #FFF;
	position: relative;
}

#catalogue:before {
	background: #FFF;
	top: -112px;
	margin-left: -72px;
	left: 50%;
	content:"";
	display: block;
	width: 144px;
	height: 144px;
	position: absolute;
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.liensaprescatalogue {
	text-align: center;
}

.liensaprescatalogue a {
	height: 90px;
	line-height: 90px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 2px;
border-radius: 2px;
	margin: 0 20px;
	font-weight: 400;
	position: relative;
	padding: 0 70px;
}

.liensaprescatalogue a strong {
	position: relative;
	font-weight: 400;
}

.liensaprescatalogue a.telechargerlecatalogue {
	color: #fff;
	border: 2px solid #FFF !important;
	font-size: 20px;
	padding: 0 70px 0 40px;
}
.liensaprescatalogue a.telechargerlecatalogue:hover {
	background: #214f8f;
}

.liensaprescatalogue a.telechargerlecatalogue strong, .liensaprescatalogue a.commanderenlignecatalogue strong {
	border-right: 1px solid rgba(255,255,255,0.5);
	padding-right: 30px;
}

.liensaprescatalogue a.commanderenlignecatalogue strong {
	padding-left: 30px;
}

.liensaprescatalogue a.telechargerlecatalogue:after, .liensaprescatalogue a.commanderenlignecatalogue:after {
	background: url("../images/cmdenlignearrow.svg") no-repeat;
	background-size: contain;
	width: 14px;
	height: 27px;
	content:"";
	position: absolute;
	right: 30px;
	top: 45%;
	-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
	margin-top: -7px;
}

.liensaprescatalogue a.commanderenlignecatalogue:after {
	-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

.liensaprescatalogue a.commanderenlignecatalogue {
	color: #fff;
	border: 2px solid #009515 !important;
	background: #009515;
	font-size: 20px;
}

.liensaprescatalogue a.commanderenlignecatalogue:hover {
	background: #00c51c;
	border-color: #00c51c !important
}

.liensaprescatalogue a.commanderenlignecatalogue:before {
	background: url("../images/ebook.svg") no-repeat;
	background-size: contain;
	width: 33px;
	height: 33px;
	content:"";
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -17px
}

.ctabasproduits {
	line-height: 40px;
font-size: 25px;
	position: relative;
	z-index: 3;
}

.ctabasproduits h3 {
	line-height: 67px;
text-align: left;
font-size: 48px;
	font-weight: 700 !important;
}

.ctabasproduits h3 a {
	color: #009515;
	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
	padding-bottom: 30px;
	margin-bottom: 30px;
	display: inline-block;
}


.ctabasproduits a.telcom {
	color: #009515;
font-weight: 800;
	border: 2px solid #009515;
	-webkit-border-radius: 50px;
border-radius: 50px;
	padding: 0px 15px 0px 50px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	position: relative;
}
.ctabasproduits a.telcom:before {
	content:"";
	background: url("../images/phonecomwh.png");
	background-size: cover;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	display: block;
	position: absolute;
	left:-2px;
	top:0;
	bottom: 0;
	
}
.ctabasproduits a.telcom:hover {
background-color: #e5f4e7;	
}


.ctabasproduits a:hover {
	color: #00aa18;
}

.ctabasproduits a.mail {
	font-weight: 400;
	font-style: italic;
	color: #15476a;

}

/* Recrutement */

.cercledeuxrecru {
	position: absolute;
	right: -6%;
	bottom: 2%;
	max-width: 340px;
}

#notre-mission h3  {
	margin-top: 0;
}

#nos-valeurs h3 {
	font-size: 30px;
	line-height: 42px;
	margin-bottom: 8px;
}

#nos-valeurs img {
	max-height: 120px !important;
}

.titrenosvaleurs h3 {
	line-height: 50px;
text-align: center;
font-size: 36px;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

.titrenosvaleurs h3:after {
	content:"";
	border-bottom: 1px solid #0090FF;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	position: absolute;
}

#experiences-employes {
	position: relative;
	z-index: 99;
}


#experiences-employes .sepamiddle {
	position: relative;
}

.txtvideopresrecrutement {
	margin: 0 auto;
	z-index: 2;
		background: #FFF;
	box-shadow: 8px 8px 30px 0 rgba(42,67,113,.18);
	padding: 30px 50px 30px 50px;
	-webkit-border-radius: 10px;
border-radius: 10px;
	position: absolute;
	bottom: -10%;
	left: 50%;
		-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.txtvideopresrecrutement h4,
.txtvideopresrecrutement p {
	margin-bottom: 0 !important
}

.playvideorecrut {
	position: absolute;
	right: 50%;
bottom: -10%;
	z-index: 9;
	-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}

.playvideorecrut .btn-play::before, .playvideorecrut .btn-play::after {
	border-color: #073c80
}
.playvideorecrut .btn-play i {
	color: #FFF;background: #073c80
}

#nos-metiers {
	position: relative;
}
#nos-metiers:after {
	position: absolute;
	content:"";
	background: #FFF;
	left: 50%;
	width: 200px;
	height: 200px;
	bottom: -140px;
	margin-left: -100px;
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#nos-metiers .contblcdomaine .vc_column-inner {
	max-width: 90%;
	margin: 0 auto;
}

#nos-metiers .contblcdomaine .blcdomaine {
	min-height: 296px;
}

#nos-metiers .contblcdomaine .blcdomaine .wpb_wrapper {
	background-color: rgba(0,0,0,0.1);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 18px;
	line-height: 24px;
	opacity: 1;
}

#nos-metiers .contblcdomaine:hover .blcdomaine .wpb_wrapper {
	background-color: rgba(0,0,0,0.7);
}

#nos-metiers .blcdomaine .wpb_wrapper h5 {
	font-size: 28px;
	text-align: center;
	padding-bottom: 15px;

	position: relative;
	margin: 0 0 15px;font-weight: 700;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
		-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#nos-metiers .contblcdomaine:hover .wpb_wrapper h5 {
		-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

#nos-metiers .blcdomaine .wpb_wrapper h5:after {
	content:"";
	position: absolute;
	bottom: 0;
	width: 50px;
	margin-left: -25px;
	left: 50%;
	height: 2px;
	background: rgba(255,255,255,0);
			-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#nos-metiers .contblcdomaine:hover .wpb_wrapper h5:after {
	background: #FFF;
}

#nos-metiers .blcdomaine .wpb_wrapper p {
	opacity: 0;
	display: block;
	-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
	-moz-transform: translateY(90px);
-webkit-transform: translateY(90px);
-o-transform: translateY(90px);
-ms-transform: translateY(90px);
transform: translateY(90px);
}

#nos-metiers .contblcdomaine:hover .wpb_wrapper p {
	opacity: 1;
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
	
}

#nos-metiers .blcdomaine .wpb_wrapper .blcdomaine-inside {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
	-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#notre-culture-entreprise .vc_images_carousel .vc_carousel-indicators li {
	border-color: #12468a !important;
	background-color: #12468a !important;
	margin: 1px 4px !important
}

#notre-culture-entreprise .vc_images_carousel .vc_carousel-indicators li.vc_active {
	border-color: #009515 !important;
	background-color: #009515 !important;
}

.comelecmotcles img, .comelecmotcles .wpb_wrapper.vc_figure, .comelecmotcles .vc_single_image-wrapper.vc_box_border_grey {
	width: 100% !important;
	min-height: 200px;
}


.dernieresoffres {
	margin-bottom: 0;
}

.lesdernieresoffredemplois {
	margin: 30px 0;
}

.lesdernieresoffredemplois .item-offre {
	padding-bottom: 60px;
}

.lesdernieresoffredemplois .slick-prev  {
	position: absolute;
	top: 50%;
	left: -50px;
	margin-bottom: 60px;
	height: 40px;
	margin-top: -20px;
}

.lesdernieresoffredemplois .slick-next {
	position: absolute;
	top: 50%;
	right: -50px;
	margin-bottom: 60px;
	height: 40px;
	margin-top: -20px;
}

.lesdernieresoffredemplois .slick-dots {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.lesdernieresoffredemplois .slick-dots li {
	display: inline-block;
	text-align: center;
	border: none;
}

.lesdernieresoffredemplois .slick-dots li button {
	border: none;
	text-indent: -9999px;
	background: #CACAC2;
	height: 14px;
	width: 14px !important;
	max-width: 14px;
	padding: 0 !important;
	margin: 0 6px;
	-webkit-border-radius: 50%;
border-radius: 50%;
	cursor: pointer;
}

.lesdernieresoffredemplois .slick-dots li.slick-active button {
background: #214f8f;
}

.item-offre-wrapper {
	margin: 0 auto;
	max-width: 80%;
	position: relative;
	background: #FFF;
	border: 1px solid #CACAC2;
	padding: 5px;
	text-align: center;
	height: 240px;
}

.newslider .item-offre-wrapper {
	border: 0px solid #CACAC2;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	text-align: left;
	padding: 0;
	height: auto;
}

.item-offre-wrapper a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -32.5px;
	text-indent: -9999;
	opacity: 0;
	color: rgba(255,255,255,0);
	z-index: 99;
}

.newslider .item-offre-wrapper a,
.blog-post .readmore a {
	position: relative;
	bottom: 0;
	text-indent: 0;
	opacity: 1;
	z-index: 99;
	color: #FFF;
	font-weight: 400;
	padding: 2px 8px 2px 20px;
}

.contenuoffre {
	top: 50%;
	left: 5px;
	right: 5px;
	position: absolute;
	-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.newslider .item-offre-wrapper .contenuoffre {
	position: relative;
		top: 0%;
	left: 0px;
	right: 0px;
	-moz-transform: translateY(0%);
-webkit-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
	padding: 30px 20px;
}

.newslider .item-offre-wrapper .contenuoffre .tcontrat {
	position: absolute;
	top: -15px;
	background: #009515;
	left: 0px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 0 15px;
	color: #FFF;
}

.item-offre h3 {
	line-height: 50px;
	font-size: 33px;
	margin: 0;
	padding: 0 0 10px;
	max-height: 90px;
	overflow: hidden;
}

.item-offre .tcontrat {
	line-height: 42px;
	font-size: 30px;
}

.item-offre .afficherloffre {
	color: #FFF;
	height: 65px;
	line-height: 65px;
	position: absolute;
	left: 50%;
	bottom: -32.5px;
	background: #134488;
background: -moz-linear-gradient(left,  #134488 0%, #0063af 100%);
background: -webkit-linear-gradient(left,  #134488 0%,#0063af 100%);
background: linear-gradient(to right,  #134488 0%,#0063af 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#0063af',GradientType=1 );
-webkit-border-radius: 2px;
border-radius: 2px;
	font-size: 22px;
	padding: 0 30px;
	-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.bottomrecrutement {
	color: #FFF;
}

.bottomrecrutement a {
	height: 65px;
	line-height: 65px;
	padding: 0 45px;
	background: #FFF;
	color: #0090FF;
	font-size: 22px;
	display: inline-block;
	-webkit-border-radius: 2px;
border-radius: 2px;
	border-bottom: none !important;
}

#candidature-spontanee {
	display: none;
}



/* offre d emploi */
.single-offredemploi #wrapper,
.single-post #wrapper  {
	background: #f0f0f0;
	overflow: hidden;
}


.head-offredemploi {
	background: url("../images/offre-d-emploi.jpg") no-repeat top center;
	float: left;
	width: 100%;
	background-size: cover;
	color: #FFF;
	padding: 240px 0 140px;
	text-align: center;
}

body.single-post .head-offredemploi,
body.blog .intro {
background: url("../images/article-blog.jpg") no-repeat top center !important;
}
.head-offredemploi h3 {
	line-height: 41px;
text-align: center;
font-size: 23px;
	font-weight: 400
}

.contenudeloffre {
	background: #FFF;
	position: relative;
}
.contenudeloffre, .barrelateraleoffres {
	padding: 80px 0;
}


.contenudeloffre:before {
	content:"";
	background: #FFF;
	position: absolute;
	top: 0; bottom: 0;
	margin-right: 100000px;
	right: 0;
	left: 0;
	z-index: 1;
	width: 100000px;
}



.contenudeloffre .offredemploi,
.contenudeloffre .post  {
	padding: 0 100px;
	z-index: 9;
	position: relative;
	line-height: 29px;
font-size: 18px;
}

@media only screen and (max-width: 768px) {
.contenudeloffre .offredemploi,
.contenudeloffre .post  {
	padding: 0 30px;
	z-index: 9;
	position: relative;
	line-height: 29px;
font-size: 18px;
}


}

.lentreprise, .leposte, .leprofil, .lesmodalites {
	margin-bottom: 50px;
}

.lesmodalites h6 {
	font-weight: 400;
	font-size: 16px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 45px;
	line-height: 20px;
}

.lesmodalites h6.typecontrat {
	background-image: url("../images/typecontrat.svg");
	background-size: 34px 34px;
	padding: 0 30px 0 46px;
}

.lesmodalites h6.tempstravail {
	background-image: url("../images/tempstravail.svg");
	background-size: 34px 34px;
	padding: 0 30px 0 46px;
}

.lesmodalites h6.lieutravail {
	background-image: url("../images/contact-ico-adresse.svg");
	background-size: 34px 34px;
	padding: 0 30px 0 42px;
}

.barrelateraleoffres {
	text-align: center;
	font-size: 18px;
	line-height: 29px;
}

.barrelateraleoffres .textwidget:not(.custom-html-widget) {
	padding-bottom: 20px;
}

.barrelateraleoffres a {
	font-size: 20px;
	line-height: 30px;
	display: inline-block;
	color: #134488;
	border-bottom: 2px solid #134488;
	text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.barrelateraleoffres a:hover {
color: #285ba3;
	border-bottom: 2px solid #285ba3;
}

.barrelateraleoffres iframe {
	max-width: 360px;
	margin: 0 auto 15px;
	float: none;
	text-align: center;
}

.btpartage {
	margin-bottom: 20px;
}

.btpartage a {
	display: inline-block;
	text-decoration: none;
	margin: 0 8px;
	padding: 0;
	-webkit-border-radius: 50%;
border-radius: 50%;
	width: 36px;
	height: 34px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	background: #cacaca;
	border-bottom: 3px solid #a6a6a6 !important;
	border: none;
	color: #FFF;
}

.btpartage a:hover {
	color: #FFF;
	border: none;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
	-moz-transform: translateY(3px);
-webkit-transform: translateY(3px);
-o-transform: translateY(3px);
-ms-transform: translateY(2px);
transform: translateY(3px);
	border-bottom: 0px solid #a6a6a6 !important;
}

.btpartage a.twbtpartage:hover {
	background: #00acee;
}
.btpartage a.facebtpartage:hover {
	background: #3b5998;
}
.btpartage a.linkbtpartage:hover {
	background: #0e76a8;
}
.btpartage a.mailbtpartage:hover {
	background: #059646;
}

.formulairecandidature {
	max-width: 780px;
	margin: 0 auto;
	background: #fff;
	-webkit-border-radius: 8px;
border-radius: 8px;
	padding: 15px 30px;
	display: block;
	clear: both;
	position: relative;overflow: hidden
}

#postuler {
	padding: 70px 0;
	position: relative;
}
#postuler:before {
	content:"";
	width: 80px;
	height: 80px;
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -40px;
	background: #fff;
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


/* CONTACT */
#nos-coordonnees {
	font-size: 18px !important;
	line-height: 24px;
	font-weight: 700;
}

.coordonnees-adresse .wpb_text_column,
.coordonnees-horaires .wpb_text_column,
.coordonnees-telmail .wpb_text_column {
	background-image: url("../images/contact-ico-adresse.svg");
	background-size: 34px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 45px;
}
.coordonnees-horaires .wpb_text_column {
	background-image: url("../images/contact-ico-horaires.svg");
	background-size: 32px 40px;
	padding-left: 50px;
}
.coordonnees-telmail .wpb_text_column {
	background-image: url("../images/contact-ico-telmail.svg");
	background-size: 40px 40px;
	padding-left: 60px;
}

.formulairedecontact p, #nos-coordonnees p {
	margin: 0;
}

.formulairedecontact label {
	font-size: 16px;
	line-height: 18px;
	color: #6B6B6B;
}

.formulairedecontact abbr {
	color: #606060;text-decoration: none;
	border: none;
	margin-left: 3px;
}

.formulairedecontact input[type=text], 
.formulairedecontact input[type=tel], 
.formulairedecontact input[type=email], 
.formulairedecontact textarea {
	-webkit-border-radius: 4px;
border-radius: 4px;
	border: 1px solid #E5E5E5;
	font-size: 18px;
	padding: 4px 12px;
	margin-bottom: 6px;
	width: 100%;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.formulairedecontact textarea {
	padding: 8px 12px; 
}

.formulairedecontact input[type=text]:focus, 
.formulairedecontact input[type=tel]:focus, 
.formulairedecontact input[type=email]:focus,
.formulairedecontact textarea:focus {
	border-color: #134488;
	-webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
}

.formulairedecontact input[type=text], 
.formulairedecontact input[type=tel], 
.formulairedecontact input[type=email] {
	height: 46px;
}

.formulairedecontact input[type=file] {
	font-size: 16px;
}

.formulairedecontact input[type=submit] {
	background: #1b1464;
background: -moz-linear-gradient(left,  #1b1464 0%, #134488 100%);
background: -webkit-linear-gradient(left,  #1b1464 0%,#134488 100%);
background: linear-gradient(to right,  #1b1464 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1464', endColorstr='#134488',GradientType=1 );
border: none;
	color: #FFF;
	text-align: center;
	padding: 0 120px;
	margin: 20px 0 ;
	height: 54px;
	line-height: 52px;
	width: auto;
	letter-spacing: 0.5px;
}

.formulairecandidature input[type=submit] {
	margin: 20px auto 0;
	float: none;
	text-align: center;
	display: inline-block;
}

.formulairecandidature span.wpcf7-list-item, #candidature-spontanee span.wpcf7-list-item {
	margin: 4px 0 !important;line-height: 20px;
	float: left;
	width: 100%;
	
}

.formulairecandidature span.wpcf7-list-item input, #candidature-spontanee span.wpcf7-list-item input {
	float: left;
	width: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	height: 16px;
margin: 4px 0;
}

.formulairecandidature span.wpcf7-list-item-label, #candidature-spontanee span.wpcf7-list-item-label {
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	margin-left: 10px;
	display: inline-block;
	max-width: calc(100% - 30px);opacity: 0.8;
}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	font-size: 14px;
}



/* Toutes PAGES */
.introhead {
	color: rgba(255,255,255,1);
	font-size: 20px;
	line-height: 36px;
}
.introhead h2 {
	color: white;
	font-size: 55px;
	line-height: 77px;
}

.titreenavant h3 {
	font-size: 48px;
}

.titre3 h3 strong {
	position: relative;

	padding-bottom: 20px;
	text-transform: uppercase;
	display: inline-block;
}
.titre3 h3 strong:before {
	z-index:1;
	content:"";
height: 28px;
border-style: solid;
border-color: #CACAC2;
background-color: transparent;
margin-bottom: -1px;
position: absolute;
left: 73px;
border-width: 0px 0px 1px;
	bottom: 0;
	left: 0%;
	right: 0%;
}


.titre3 h3 strong:after {
    z-index: 3;
	content:"";
    width: 73px;
    height: 28px;
    border-style: solid;
    border-color: #009515;
    background-color: transparent;
    margin-bottom: -1px;
    position: absolute;
    border-width: 0px 0px 1px;
	bottom: 0;
	left: 0%;
	right: 0%;
}
.titre3.t3ct h3 strong:before,
.titre3.t3ct h3 strong:after {
	left: 5%;
	right: 5%;
}

.offredemploi .titre3 h3 {
	margin-top: 0 !important;
	margin-bottom: 50px;
}

.offredemploi .titre3 h3 strong {
	text-transform: none;
}
.offredemploi .titre3 h3 strong:after {
	border-color: #0090FF;
}

.titre4 h3 {
	position: relative;
	font-size: 48px;
	line-height: 50px;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 0;
	margin-top: 15px;
}

.titre4 h3 strong:after {
    z-index: 3;
	content:"";
    width: 82px;
    height: 28px;
    border-style: solid;
    border-color: #0090FF;
    background-color: transparent;
    margin: 0 0 -1px -41px;
    position: absolute;
    border-width: 0px 0px 2px;
	bottom: 0;
	left: 50%;
}

.titre4left h3 strong:after {
	margin: 0 0 -1px 0px !important;
	left: 0%!important;
}

.bggradient {
	color: #FFF;
	background: #134488;
background: -moz-linear-gradient(left,  #134488 0%, #0090ff 100%);
background: -webkit-linear-gradient(left,  #134488 0%,#0090ff 100%);
background: linear-gradient(to right,  #134488 0%,#0090ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#0090ff',GradientType=1 );
}
.bggradient2 {
	color: #FFF;
background: #134488;
background: -moz-linear-gradient(left,  #134488 0%, #0a6ac3 100%);
background: -webkit-linear-gradient(left,  #134488 0%,#0a6ac3 100%);
background: linear-gradient(to right,  #134488 0%,#0a6ac3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134488', endColorstr='#0a6ac3',GradientType=1 );
}
.bggradient2-rev {
	color: #FFF;
background: #0a6ac3;
background: -moz-linear-gradient(left,  #0a6ac3 0%, #134488 100%);
background: -webkit-linear-gradient(left,  #0a6ac3 0%,#134488 100%);
background: linear-gradient(to right,  #0a6ac3 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6ac3', endColorstr='#134488',GradientType=1 );
}



.del1 {
	animation-delay: 0.2s !important;
}

.del15 {
	animation-delay: 0.3s!important;
}


.del2 {
	animation-delay: 0.5s !important;
}

.del25 {
	animation-delay: 0.6s !important;
}

.del3 {
	animation-delay: 0.8s!important;
}

 .del35 {
	animation-delay: 0.9s!important;
}

.del4 {
	animation-delay: 1.0s !important;
}

.del5 {
	animation-delay: 1.2s !important;
}

.del6 {
	animation-delay: 1.4s !important;
}



/* BUTTON */

a.greenbt {
	border: none !important;
	color: #FFF;
	min-height: 65px;
	line-height: 65px;
	text-align: center;
	display:inline-block;
	background: #009515;
	-webkit-border-radius: 2px;
border-radius: 2px;
	padding: 0 40px;
	font-size: 20px;
}

.ctadom a {

	color: #009515;
	border: 2px solid #009515;
	min-height: 61px;
	line-height: 61px;
	text-align: center;
	display:inline-block;
	background: transparent;
	-webkit-border-radius: 2px;
border-radius: 2px;
	padding: 0 40px;
	font-size: 20px;
	position: relative;
}

a.greenbt.blcavantages {
	position: absolute;
	bottom: 170px;
	left: 50%;
	display:block;
	-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
		background: #1394f7;
	padding: 0 20px;
}

a.greenbt:hover {
	background: #017912;
}

.commanderenligne a, .ctaemploi a {
	color: #009515;
	min-height: 68px;
	line-height: 68px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	border: 2px solid #009515 !important;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
	min-width: 272px;
}

.ctaemploi a  {
	border: 2px solid #FFF !important;
}

.commanderenligne a, .ctaemploi a {
	color: #FFF;
	border: 2px solid #FFF;
		min-height: 60px;
	line-height: 60px;
	padding: 0 35px;
	min-width: auto !important;
	text-transform: uppercase;
	    font-size: 16px;
    font-weight: 400;
}

body:not(.home) .commanderenligne a {
	background: #009515
}
body:not(.home) .commanderenligne a:hover {
	background: #018fff;
	border: 2px solid #018fff !important;
}


.commanderenligne a span {
	position: relative;
	padding-left: 38px;
}
.commanderenligne a span:before {
	content:"";
	background:url("../images/login.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 28px; height: 28px;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	left: 0;
	
}
.commanderenligne a:hover,
.ctadom a:hover, .ctaemploi a:hover {
	color: #FFF !important;
	background-color: transparent;
	text-shadow: nthree;
}


.commanderenligne a:hover:before,
.ctadom a:hover:before, .ctaemploi a:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}

.commanderenligne a:before,
.ctadom a:before, .ctaemploi a:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #009515;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.commanderenligne a:before, .ctaemploi a:before {
		background: #009515;
}

.pdfemb-poweredby {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden!important;
	width: 0 !important;
	height: 0 !important;
}

div.pdfemb-toolbar {
	background:#000 !important;
	color: #009d50 !important;
	text-align: center;
}

div.pdfemb-toolbar * {
	display: inline-block;
	text-align: center;
	float: none !important;
	color: #009d50 !important;
}

.aproposacc h3 {
	color: #073c80;
}

.formacctitle h3 {
	position: relative;
	padding: 0 0 20px;
	font-size: 28px;
	letter-spacing: 1px;
}

.formacctitle h3:after {
	position: absolute;
	bottom: 0;
	width: 80px;
	height: 3px;
	background: #009515;
	left: 50%;
	margin-left: -40px;
	content:"";
}

.formacc form, .formacc form p {
	margin: 0 !important
}

.formacc input {
	width: 100%;
border: none;
background: #fff;
padding: 20px 40px;
transition: .3s;
border: 1px solid #dfdfdf;
	position: relative !important;
}

.formacc input[type=checkbox] {
	width: 30px;
}

.wpcf7-acceptance .wpcf7-list-item-label, .wpcf7-acceptance .wpcf7-list-item-label a {
	font-weight: 400 !important
}
.formacc .wpcf7-acceptance .wpcf7-list-item-label, .formacc .wpcf7-acceptance .wpcf7-list-item-label a { 
color: #fff !important;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
	text-decoration: underline	
}

.formacc .nom:before, .formacc .email:before, .formacc .telephone:before, .formacc .sujet:before, .formacc .message:before {
	content:"\f2c0";
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	height: 30px;
	margin-top:-15px;
	z-index: 9999;
	font-family: FontAwesome;
	color: #1b1464;
	opacity: 0.7
}

.formacc .email:before {
	content:"\f003";
}
.formacc .telephone:before {
	content:"\f10b";
}
.formacc .sujet:before {
	content:"\f128";
}
.formacc .message:before {
	content:"\f040";
	top: 10px;
	margin-top: 0 !important
}

.formacc textarea {
	width: 100%;
border: none;
background: #fff;
padding: 20px 40px;
transition: .3s;
border: 1px solid #dfdfdf;
height: 290px;
}
.formacc input[type=submit] {
	width: auto !important;
color: #fff;
display: inline-block;

}

.sidebformacc .vc_column-inner {
		background: #001e54;
background: -moz-linear-gradient(top,  #001e54 0%, #134488 100%);
background: -webkit-linear-gradient(top,  #001e54 0%,#134488 100%);
background: linear-gradient(to bottom,  #001e54 0%,#134488 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e54', endColorstr='#134488',GradientType=0 );
}

.sidebformacc h4 {
	padding-left: 50px;
	position: relative;
}

.sidebformacc h4 i {
	position: absolute;
	heigh: 40px;
	width: 40px;
	line-height: 40px;
	color:#1b1464;
	background: #FFF;
	-webkit-border-radius: 60px;
border-radius: 60px;
	left: 0;
	top:50%;
	margin-top: -20px;
	text-align: center;
	font-size: 16px;
}

#wrapper .sidebformacc a {
	color: #FFF;
	border-bottom: 2px solid #FFF;
}

.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -45px;
    margin-left: -45px;
		border-bottom: none !important
}

.btn-play i {
    position: relative;
    z-index: 1;
    font-size: 24px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #fff;
    color: #1394f7;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.btn-play i:before {
    margin-left: 3px
}

.btn-play i:hover {
    background: #00c3ff;
    color: #fff
}

.btn-play:before,
.btn-play:after, .phonepop a:before, .phonepop a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 1024;
    height: 100%;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .8);
    animation: circle-fade-before 2s infinite ease-in-out;
    -webkit-animation: circle-fade-before 2s infinite ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.btn-play:after {
    animation: circle-fade-after 2s infinite ease-in-out;
    -webkit-animation: circle-fade-after 2s infinite ease-in-out
}

.phonepop a:before {
	 animation: circle-fade-before 4s infinite ease-in-out;
    -webkit-animation: circle-fade-before 4s infinite ease-in-out;
}

.phonepop a:after {
    animation: circle-fade-after 4s infinite ease-in-out;
    -webkit-animation: circle-fade-after 4s infinite ease-in-out
}

.phonepop a:before, .phonepop a:after {
	 border: 1px solid rgba(0, 149, 21, .4);
}

@keyframes circle-fade-before {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes circle-fade-after {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(2.5);
        opacity: 0
    }
}

.phonepop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 99;
	
}

.phonepop a {
	display: block;
	text-indent: -9999px;
	height: 80px;
	width: 80px;
	background: url("../images/phonecomwh.png") #009515;
	background-repeat: no-repeat;
	background-size: 70px 70px;
	background-position: center center;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 100px;
border-radius: 100px;
}

.phonepop a:hover {
	-moz-transform: scale(1.1) rotate(5deg);
-webkit-transform: scale(1.1) rotate(5deg);
-o-transform: scale(1.1) rotate(5deg);
-ms-transform: scale(1.1) rotate(5deg);
transform: scale(1.1) rotate(5deg);
}


@media screen and (max-width: 1460px) {
	#header .menu > li > a {
		padding: 0 1.2em;
	}
}
@media screen and (max-width: 1400px) {
	#header .menu > li > a {
		padding: 0 0.9em;
	}
}

@media screen and (max-width: 1340px) {
	.commanderenligne a {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1290px) {
	.commanderenligne a {
		padding: 0 15px;
	}
	
	#header .menu > li > a {
		padding: 0 0.6em;
	}
	
	.barrelat-devis a:before {
		left: -180px;
		width: 160px;
	}
}

@media screen and (max-width: 1210px) { 
	#logo {
		
	}	

#logo img {
		max-width: 240px;
	}
}

@media screen and (max-width: 1190px) {
	body {
	font-size: 20px;
	line-height: 34px;
	}
	
	.commanderenligne a {
		padding: 0 10px;
	}
	
	#header .menu > li > a {
		padding: 0 0.6em;
		font-size: 15px;
	}
	
	.introaccueil h2 {
    line-height: 57px;
		font-size: 2em
}
	.btcmd {
		margin: 0 !important;
		width: 100%;
	}
	.barrelat-devis a:before {
		left: -110px;
		width: 100px;
	}
}

@media screen and (max-width: 1090px) {

	
	.commanderenligne a {
		padding: 0 7px;
	}
	
	
	#header .menu > li > a {
		padding: 0 0.4em;
		font-size: 14px;
	}
	.barrelat-devis a:before {
		left: -85px;
width: 70px;
	}
}


@media screen and (max-width: 1062px) {	
.introaccueil h2 {
    line-height: 50px;
		font-size: 1.8em
	}
	.coordonnees-adresse .wpb_text_column,
.coordonnees-horaires .wpb_text_column,
	.coordonnees-telmail .wpb_text_column {
		font-size: 14px;
		font-weight: 700;
	}
}

@media screen and (max-width: 1010px) {
	.commanderenligne a {
		padding: 0 5px;
	}
	
	#header .menu > li > a {
		padding: 0 0.35em;
		font-size: 14px;
	}
	.infosga {
		display: none !important
	}
	.infosdr span {
		display: none;
		font-size: 12px !important;
		text-align: center !important
	}
}

@media screen and (max-width: 994px) {
	#logo {
		
	}	
#logo img {
		max-width: 220px;
	}
}

@media screen and (max-width: 980px) {

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	

	.phonepop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 99;
}
	
	.phonepop a {
		width: 60px;
		height: 60px;
		background-size: 50px 50px;
	}
	
	#footerinfos {
		padding-top: 27px;
	}
	
	#footer #logo {
		margin-bottom: 35px;
	}
	
	.footercoordonnes {
		float: left; 
		width: 48%;
	}
	
	.footercoordonnes  {
		float: left; 
		width: 48% !important;
	}
	
	.footernavigation {
		max-width: 24% !important;
		float: left !important;
	}
	
	.footersocial {
		float: left;
		width: 24%;
	}
	
	.footersocial .resauxsociaux {
		position: relative !important; 
		top: 0;
		text-align: center;
	}
	
	
	button#responsive-menu-button {
		float: right;
		top: 0; right: 0;
		margin-right: 10px;
		background: rgba(255,255,255,0.9);
	}
	
	button#responsive-menu-button.is-active {
		position: fixed;
		top: 15px;
		right: 15px;
	}
	
	button#responsive-menu-button.is-active .responsive-menu-button-text-open {
		display: none !important
	}
	
	.responsive-menu-button-text-open {
		color: #FFF !important
	}
	
	#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
		text-align: center !important;
		width: 100%;
	}
	
	#responsive-menu-container #responsive-menu li.responsive-menu-item a {
		height: 8vh !important;
		line-height: 8vh !important;
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.5px;
	}
	
	.commanderenligne a {
		padding: 0 20px;
		height: 52px;
		line-height: 52px;
		min-height: auto !important
	}
	
#responsive-menu-container #responsive-menu-additional-content {
		background: #f4f4f3;
		position: absolute;
bottom: 0;
left: 0;
right: 0;
	}
	
	.additrespmenu {
		max-width: 90% !important;
		margin: 0 auto!important;
		font-size: 16px;
	}
	
	.telrespmenu, .mailrespmenu {
		float: left;
		width: 100%;
	}
	.telrespmenu a {
		margin: 0 8px !important;
		display: inline-block;
	}
	
	.adresserespmenu {
		float: left;
		width: 100%;
	}
.domaines h3 {
    font-size: 38px;
    line-height: 67px;
    margin-top: 0;
}
	.introhead h2 {
    font-size: 45px;
    line-height: 67px;
		margin-bottom: 15px;
}
	#wrapper .introhead  {
		padding-left: 0 !important;
		padding-top:  0 !important
	}
	.introhead br {
		display: none;
	}
	#postuler:before, .contenudeloffre:before {
		display: none!important;
		opacity: 0!important;
		height: 0!important;
		width: 0!important;
		visibility: hidden!important;
	}
	.contenudeloffre {
		float: left;
	}
	.contenudeloffre .offredemploi {
    padding: 0 30px;
	}
	.barrelateraleoffres {
		padding: 15px 0 !important;
		float: left;
		text-align: center;
	}
	
	.barrelateraleoffres iframe {
		max-width: 75%;
		margin: 0 auto;
	}
	
	#postuler {
		padding: 15px 0 !important;
	}
	
}

@media screen and (max-width: 900px) {
.coordonnees-adresse .wpb_text_column,
.coordonnees-horaires .wpb_text_column,
.coordonnees-telmail .wpb_text_column {
		background-image: none;
	padding-left: 0;
	
}
	.formulairedecontact input[type="submit"] {
		padding: 0;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	
		body {
	font-size: 18px;
	line-height: 26px;
	}
	
	.bandeaurecrutement-txt a {
		text-align: center !important; 
		margin-bottom: 10px !important;
		display: block !important;
		padding: 0 10px !important;
	}
	
	#wrapper .vagues {
		margin-top: -220px !important;	
	}
	
	.titre4 h3 {
		font-size: 36px;	
	}
	
	.portraitdesc-in .vc_column-inner, .nosprods-desc .vc_column-inner {
		text-align: center !important;
		padding: 0 15px !important;
	}
	
	.portraitdesc-in .vc_column-inner h3, .nosprods-desc .vc_column-inner h3, .nosprods-desc .vc_column-inner h4 {
		text-align: center !important;
	}
	
	.wpb_wrapper .formetcoordacc {
		margin:0 !important;
		padding: 0 !important;
	}
	
	.formacc input[type="submit"] {
		width: 100% !important;	
	}
	
	.portraitdesc, .portraitdesc-in {
		position: relative !important;	
		-moz-transform: translateX(0px) translateY(0px) !important;	
-webkit-transform: translateX(0px) translateY(0px)!important;	
-o-transform: translateX(0px) translateY(0px)!important;	
-ms-transform: translateX(0px) translateY(0px)!important;	
transform: translateX(0px) translateY(0px)!important;	
	}
	
	
	.btcmdresponsive {
		display: inline-block;
	} 

	.liensaprescatalogue a {
		display: block!important;
		height: 60px!important;
		line-height: 60px!important;
		margin: 0 0 10px!important;
	}
	
	.videorecrutacc .btn-inner {
		left: 50% !important
	}
	
	#logo, .commanderenligne, .responsive-menu-button:not(.is-active) {
	
	}
	
  .formetcoordacc.vc_row { flex-direction:column-reverse}
	
	
	
	
	.headdomaines {
		padding-top: 100px;
		min-height: 45vh;
	}
	
	.titreenavant h3 {
   font-size: 38px;
    line-height: 47px;
}



	.js .main-nav {
		position: relative;
		clear: both;
		margin: 0 auto;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
	}
	
	.blatwrap .btcmd {
		display: none;
	}
	
	.barrelateraleaccueil {
		max-width: 100%;
		-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		padding: 60px 30px !important;
		border-radius: 0 0 0 106px;
	}
	.barrelat-devis a::before {
		display: none;
		opacity: 0;
		height: 0;
		width: 0;
		left:0;
		top:0;
		visibility: hidden;
	}
	

	.blattitre {
		margin-bottom: 5px !important;
	}
	
	.barrelateraleaccueil ul li {
		float: left;
		width: 50%;
	}
	
	.bandeaurecrutement {
		text-align: center;
	}
	
	.bandeaurecrutement-txt a {
		height: auto;
		line-height: 40px;
		min-height: 40px;
	}
	
	.nos-prestations {
		margin-top: 0 !important
	}
	.cinqcolmodif .vc_col-sm-2 {
		width: 50%;
float: left;
	}
	.cinqcolmodif .vc_col-sm-2:nth-child(4), .cinqcolmodif .vc_col-sm-2:nth-child(5), .cinqcolmodif .vc_col-sm-2:nth-child(6) {
		width: 33.3333%;
	}
	.nosprods-desc .vc_column-inner {
	margin-right: 0% !important;
margin-left: 0% !important;
	}
	
	.reldom.reldr, .reldom.relga {
		margin: 0 0 !important;
		background: rgba(255,255,255,0.9);
		max-width: 60%;
		z-index: 9;
	}
	.domaines h3 {
    font-size: 38px;
    line-height: 57px;
    margin-top: 0;
}
	.ctadom a {
		min-width: auto !important;
		padding: 0 10px;
	}
	.introhead h2 {
    font-size: 40px;
    line-height: 60px;
		margin-bottom: 10px;
}
	.introhead {
		color: rgba(255,255,255,0.7);
	}
	#a-propos-d-imporelec h2 {
		    font-size: 40px;
    line-height: 54px;
    margin: 15px 0;
    padding: 0;
	}
	
	.titre3 h3 strong {
		font-size: 30px;
		line-height: 40px;
		display: inline-block;
	}
	.minheightdiv .vc_column-inner {
		min-height: 50vh;
	}
	#wrapper .nospacbt {
		margin: 5px 0 !important;
		padding: 10px 0px!important; 
	}
	#wrapper .nospacbt-in .vc_column-inner {
		margin: 5px 0 !important; 
		padding: 10px 15px!important; 
	}
	.titreenavant h3 {
    font-size: 30px;
    line-height: 40px;
	}
	
	#wrapper .titreenavant {
		margin-bottom: 0 !important
	}
	.teamwork .vc_align_right {
		text-align: center !important
	}
	
	.nouveaubureau h3, .nouveaubureau p, #notre-culture-entreprise h3, #notre-culture-entreprise p {
		text-align: center !important
	}
	
	#nos-coordonnees, #nos-coordonnees .vc_align_left  {
		text-align: center;
	}
	
	#nos-coordonnees img {
		max-height: 60px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.coordonnees-adresse .wpb_text_column,
.coordonnees-horaires .wpb_text_column,
.coordonnees-telmail .wpb_text_column {
		background-image: none;
	padding-left: 0;
	text-align: center !important
}
}
	
@media screen and (max-width: 690px) {	
		.domaines h3 {
    font-size: 32px;
    line-height: 47px;
    margin-top: 0;
}
	
	.footercoordonnes {
		float: left; 
		width: 68% !important;
	}
		.footernavigation {
		max-width: 30% !important;
		float: left !important;
	}
	
	.footersocial {
		float: left;
		width: 100%;
	}
	
	.footersocial .resauxsociaux {
		position: relative !important; 
		top: 0;
		text-align: center;
	}
	
	#footer a.mentionslegales {
		margin:  0px;
		width: 100%;
	}
	
	.footer-wrapper {
		padding: 8px;
		line-height: 26px;
	}
}
@media screen and (max-width: 600px) {
	.barrelateraleaccueil ul li {
		width: 100%;
	}
		
}

@media screen and (max-width: 540px) {
	.phonepop a {
		width: 50px;
		height: 50px;
		background-size: 40px 40px;
	}
	
	
	
	.commanderenligne a {
		text-indent: -9999px;
		width: 55px !important;
		padding: 0;
	}
	.commanderenligne a:after {
		content:"";
		background: url("../images/login.svg") no-repeat;
		background-size: 30px 30px;
		background-position: center center;
		width: 40px;
		height: 40px;
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin: -20px 0 0 -20px;
	}
	
	.responsive-menu-button.responsive-menu-boring.is-active {
		top: 0!important;
		right: 0 !important;
		width: 35px!important;
height: 35px!important;
		-webkit-border-radius: 0 0 0 10px!important;
border-radius: 0 0 0 10px!important;
	}
	
	.cinqcolmodif .vc_col-sm-2 {
		width: 100%;
float: left;
	}
	.cinqcolmodif .vc_col-sm-2:nth-child(4), .cinqcolmodif .vc_col-sm-2:nth-child(5), .cinqcolmodif .vc_col-sm-2:nth-child(6) {
		width: 100%;
	}
	
	#responsive-menu-container #responsive-menu-title {
		padding: 10px 5px !important;
	}
	
	#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
		max-height: 50px;
	}
	
	#responsive-menu-container #responsive-menu-additional-content {
		padding: 10px 5px !important;
	}
	
	.btcmd-mobile .btcmd {
		float: left !important;
		width: auto;
		min-width: auto;
		padding: 0 10px;
		height: auto;
	}
	
	.btcmd-mobile .btcmd a:before, .btcmd-mobile .btcmd a:after {
		display: none !important
	}
	
	.btcmd-mobile .btcmd a {
		border-right: none !important;
		padding: 0 0px 0 50px;
	}
	.reldom.reldr, .reldom.relga {
		max-width: 65%;
	}
	#a-propos-d-imporelec h2 {
		    font-size: 36px;
    line-height: 44px;
    margin: 5px 0;
    padding: 0;
	}

}

@media screen and (max-width: 480px) {
	body br {
		display: none;
	}
	#logo svg {
    width: 180px;
}
	.titre4 h3 {
		font-size: 32px;	
	}
	.formetcoordacc .formacc.vc_column_container > .vc_column-inner {
		padding: 0 !important;	
	}
	.liensaprescatalogue a {
		padding: 0 !important;	
	}
	.liensaprescatalogue a.commanderenlignecatalogue::before {
		display: none !important;	
	}
	.liensaprescatalogue a.telechargerlecatalogue strong, .liensaprescatalogue a.commanderenlignecatalogue strong {
		border-right: none !important;	
	}
	
		.footercoordonnes {
		float: left; 
		width: 100% !important;
			text-align: center !important;
	}
	.footercoordonnes a {
		padding: 0 0px;
		background: none !important;
	}
	.footercoordonnes a:before {
		display: none !important
	}
	
	.footercoordonnes a i {
		display: inline-block;
		margin-right: 4px;
	}
	
	
		.footernavigation {
		max-width: 100% !important;
		float: left !important;
			text-align: center !important;
			margin-bottom: 15px !important;
	}
	
	#footerinfos h4 {
		text-align: center !important;
	}
	
	#footerinfos .menu, .footernavigation .menu li {float: none; text-align: center;}
	.footer-wrapper {

    padding: 8px;
    line-height: 20px;
    font-size: 12px;

}
	a.greenbt {
	min-height: auto;
	line-height: 35px;
	padding: 0 20px;
	font-size: 20px;
}
	
}
@media screen and (max-width: 420px) {	
	#container {
		padding: 0 15px;
	}
	.commanderenligne {
    margin-left: 10px;
	}
	#logo img {
    max-width: 180px;
}
	.reldom.reldr, .reldom.relga {
		max-width: 70%;
	}

}

@media screen and (max-width: 360px) {
#logo img {
    max-width: 150px;
}
	.introaccueil h2 {
    line-height: 40px;
    font-size: 1.5em;
}
	.btcmd-mobile .btcmd a {
		padding: 0 0px 0 0px;
		background: none !important
	}
	.reldom.reldr, .reldom.relga {
		max-width: 100%;
	}
}

@media screen and (max-width: 240px) {

}


@media (min-width: 0px) {
    body {
		font-size: 15px;
	}
	h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0 0 15px;
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 19px
}

h4 {
    font-size: 17px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}
}

@media (min-width: 500px) {
    body {
		font-size: 15px;
	}
	h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0 0 15px;
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 14px
}
}

@media (min-width: 768px) {
 h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0 0 15px;
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}
}

@media (min-width: 1200px) {
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    margin: 0 0 20px;
}

h1 {
    font-size: 38px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:1220px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}
/* RESPONSIVE MENU */
button#responsive-menu-button,#responsive-menu-container{display: none;-webkit-text-size-adjust: 100%}@media screen and (max-width: 981px){#responsive-menu-container{display: block;position: fixed;top: 0;bottom: 0;z-index: 99998;padding-bottom: 5px;margin-bottom: -5px;outline: 1px solid transparent;overflow-y: auto;overflow-x: hidden}#responsive-menu-container .responsive-menu-search-box{width: 100%;padding: 0 2%;border-radius: 2px;height: 50px;-webkit-appearance: none}#responsive-menu-container.push-left,#responsive-menu-container.slide-left{transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%)}.responsive-menu-open #responsive-menu-container.push-left,.responsive-menu-open #responsive-menu-container.slide-left{transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0)}#responsive-menu-container.push-top,#responsive-menu-container.slide-top{transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%)}.responsive-menu-open #responsive-menu-container.push-top,.responsive-menu-open #responsive-menu-container.slide-top{transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0)}#responsive-menu-container.push-right,#responsive-menu-container.slide-right{transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%)}.responsive-menu-open #responsive-menu-container.push-right,.responsive-menu-open #responsive-menu-container.slide-right{transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0)}#responsive-menu-container.push-bottom,#responsive-menu-container.slide-bottom{transform: translateY(100%);-ms-transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%)}.responsive-menu-open #responsive-menu-container.push-bottom,.responsive-menu-open #responsive-menu-container.slide-bottom{transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0)}#responsive-menu-container,#responsive-menu-container:before,#responsive-menu-container:after,#responsive-menu-container *,#responsive-menu-container *:before,#responsive-menu-container *:after{box-sizing: border-box;margin: 0;padding: 0}#responsive-menu-container #responsive-menu-search-box,#responsive-menu-container #responsive-menu-additional-content,#responsive-menu-container #responsive-menu-title{padding: 25px 5%}#responsive-menu-container #responsive-menu,#responsive-menu-container #responsive-menu ul{width: 100%}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu{display: none}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open{display: block}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link{padding-left: 10%}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link{padding-left: 15%}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link{padding-left: 20%}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link{padding-left: 25%}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link{padding-left: 30%}#responsive-menu-container li.responsive-menu-item{width: 100%;list-style: none}#responsive-menu-container li.responsive-menu-item a{width: 100%;display: block;text-decoration: none;position: relative}#responsive-menu-container #responsive-menu li.responsive-menu-item a{padding: 0 5%}#responsive-menu-container .responsive-menu-submenu li.responsive-menu-item a{padding: 0 5%}#responsive-menu-container li.responsive-menu-item a .fa{margin-right: 15px}#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{position: absolute;top: 0;bottom: 0;text-align: center;overflow: hidden}#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow.fa{margin-right: 0}button#responsive-menu-button .responsive-menu-button-icon-inactive{display: none}button#responsive-menu-button{z-index: 99999;display: none;overflow: hidden;outline: none}button#responsive-menu-button img{max-width: 100%}.responsive-menu-label{display: inline-block;font-weight: 600;margin: 0 5px;vertical-align: middle}.responsive-menu-label .responsive-menu-button-text-open{display: none}.responsive-menu-accessible{display: inline-block}.responsive-menu-accessible .responsive-menu-box{display: inline-block;vertical-align: middle}.responsive-menu-label.responsive-menu-label-top,.responsive-menu-label.responsive-menu-label-bottom{display: block;margin: 0 auto}button#responsive-menu-button{padding: 0 0;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible}.responsive-menu-box{width: 25px;height: 19px;display: inline-block;position: relative}.responsive-menu-inner{display: block;top: 50%;margin-top: -1.5px}.responsive-menu-inner,.responsive-menu-inner::before,.responsive-menu-inner::after{width: 25px;height: 3px;background-color: #059646;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease}.responsive-menu-open .responsive-menu-inner,.responsive-menu-open .responsive-menu-inner::before,.responsive-menu-open .responsive-menu-inner::after{background-color: #ffffff}button#responsive-menu-button:hover .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-inner::after,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-inner::after,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before,button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after{background-color: #059646}.responsive-menu-inner::before,.responsive-menu-inner::after{content: "";display: block}.responsive-menu-inner::before{top: -8px}.responsive-menu-inner::after{bottom: -8px}.responsive-menu-boring .responsive-menu-inner,.responsive-menu-boring .responsive-menu-inner::before,.responsive-menu-boring .responsive-menu-inner::after{transition-property: none}.responsive-menu-boring.is-active .responsive-menu-inner{transform: rotate(45deg)}.responsive-menu-boring.is-active .responsive-menu-inner::before{top: 0;opacity: 0}.responsive-menu-boring.is-active .responsive-menu-inner::after{bottom: 0;transform: rotate(-90deg)}button#responsive-menu-button{width: 55px;height: 55px;position: relative;top: 0px;right: 0%;background: #ffffff}.responsive-menu-open button#responsive-menu-button{background: #059646}.responsive-menu-open button#responsive-menu-button:hover,.responsive-menu-open button#responsive-menu-button:focus,button#responsive-menu-button:hover,button#responsive-menu-button:focus{background: #ffffff}button#responsive-menu-button .responsive-menu-box{color: #059646}.responsive-menu-open button#responsive-menu-button .responsive-menu-box{color: #ffffff}.responsive-menu-label{color: #059646;font-size: 10px;line-height: 10px}button#responsive-menu-button{display: inline-block;transition: transform 0.5s, background-color 0.5s}#responsive-menu-container{width: 100%;left: 0;transition: transform 0.5s;text-align: center;background: #ffffff}#responsive-menu-container #responsive-menu-wrapper{background: #ffffff}#responsive-menu-container #responsive-menu-additional-content{color: #ffffff}#responsive-menu-container .responsive-menu-search-box{background: #ffffff;border: 2px solid #dadada;color: #333333}#responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder{color: #c7c7cd}#responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder{color: #c7c7cd}#responsive-menu-container .responsive-menu-search-box:-moz-placeholder{color: #c7c7cd;opacity: 1}#responsive-menu-container .responsive-menu-search-box::-moz-placeholder{color: #c7c7cd;opacity: 1}#responsive-menu-container .responsive-menu-item-link,#responsive-menu-container #responsive-menu-title,#responsive-menu-container .responsive-menu-subarrow{transition: background-color 0.5s, border-color 0.5s, color 0.5s}#responsive-menu-container #responsive-menu-title{background-color: #ffffff;color: #ffffff;font-size: 13px;text-align: left}#responsive-menu-container #responsive-menu-title a{color: #ffffff;font-size: 13px;text-decoration: none}#responsive-menu-container #responsive-menu-title a:hover{color: #ffffff}#responsive-menu-container #responsive-menu-title:hover{background-color: #ffffff;color: #ffffff}#responsive-menu-container #responsive-menu-title:hover a{color: #ffffff}#responsive-menu-container #responsive-menu-title #responsive-menu-title-image{display: inline-block;vertical-align: middle;max-width: 100%;margin-bottom: 15px}#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img{height: 80px;max-width: 100%}#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a{border-top: 1px solid #f1f1f1}#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{font-size: 18px}#responsive-menu-container #responsive-menu li.responsive-menu-item a{line-height: 40px;border-bottom: 1px solid #f1f1f1;color: #059646;background-color: #ffffff;height: 40px}#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover{color: #134387;background-color: #ffffff;border-color: #f1f1f1}#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{right: 0;height: 39px;line-height: 39px;width: 40px;color: #ffffff;border-left: 1px solid #212121;background-color: #212121}#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active{color: #ffffff;border-color: #212121;background-color: #212121}#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link{background-color: #ffffff;color: #134387;border-color: #f1f1f1}#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover{background-color: #ffffff;color: #134387;border-color: #f1f1f1}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link{font-size: 13px;text-align: left}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{height: 40px;line-height: 40px;border-bottom: 1px solid #212121;color: #ffffff;background-color: #212121}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover{color: #ffffff;background-color: #3f3f3f;border-color: #212121}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow{left:unset;right:0;height: 39px;line-height: 39px;width: 40px;color: #ffffff;border-left: 1px solid #212121!important;border-right:unset!important;background-color: #212121}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active{color: #ffffff;border-color: #212121;background-color: #212121}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover{color: #ffffff;border-color: #3f3f3f;background-color: #3f3f3f}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link{background-color: #212121;color: #ffffff;border-color: #212121}#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover{background-color: #3f3f3f;color: #ffffff;border-color: #3f3f3f}.main-nav{display: none !important}}

.intro {
    padding: 240px 0 140px;
    display: flex;
    background: #000;
    background-size: cover;
    color: #fff !important;
}

.intro h1,
.intro * {
    color: #fff !important;
    text-align: left;
}

.intro h1 {
    color: white;
    font-size: 55px;
    line-height: 77px;
}

.intro p {
    font-size: 20px;
}

.intro #container {
    width: 100%;
}

body.blog #wrapper,
#content-blog {
    background: #f0f0f0 !important;
}

/* CSS Responsive pour la grille des articles */
.blog-grid,
.blog-grid-more {
    display: flex;
    flex-wrap: wrap; /* Permet de passer les articles à la ligne */
    gap: 30px; /* Espacement entre les articles */
    background: #f0f0f0 !important;
    padding-bottom: 30px;
    justify-content: start; /* Aligne les articles à gauche */
}

.blog-grid .blog-post,
.blog-grid-more .blog-post {
    flex: 1 1 calc(33.333% - 20px); /* Taille de base : 1/3 */
    max-width: calc(33.333% - 20px); /* Limite la largeur à 1/3 */
    margin: 0 auto; /* Centre les articles sur les lignes incomplètes */
    box-sizing: border-box; /* S'assure que les bordures/paddings sont inclus */
    border: 0px solid #CACAC2;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 15px; /* Optionnel : espace intérieur */
    background: #fff; /* Optionnel : couleur de fond */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-post img {
    width: 100%; /* Image responsive */
    height: auto; /* Respecter les proportions */
}

.post-thumbnail img {
    width: 440px; /* Largeur fixe */
    height: 280px; /* Hauteur fixe */
    object-fit: cover; /* Remplit la zone sans distorsion */
    display: block;
    border-radius: 2px; /* Optionnel : coins arrondis */
}

.blog-post .post-title {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
}

.blog-post .post-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    position: relative;
}

.blog-post .post-excerpt {
    margin-bottom: 10px;
}

.blog-post .readmore {
    flex-direction: row;
}

.blog-post .readmore a {
    position: relative;
    bottom: 0;
    text-indent: 0;
    opacity: 1;
    z-index: 99;
    color: #FFF;
    font-weight: 400;
    padding: 2px 8px 2px 20px;
}

.blog-post .post-category {
    position: absolute;
    top: -15px;
    background: #009515;
    left: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 15px;
    color: #FFF;
    text-transform: uppercase;
}

.blog-post .post-category a {
    color: #fff;
}

/* Tablettes : 2 articles par ligne */
@media screen and (max-width: 1024px) {
    .blog-grid .blog-post,
    .blog-grid-more .blog-post {
        flex: 1 1 calc(50% - 20px); /* Taille de base : 1/2 */
        max-width: calc(50% - 20px); /* Limite la largeur à 1/2 */
    }
}

/* Smartphones : 1 article par ligne */
@media screen and (max-width: 768px) {
    .blog-grid .blog-post,
    .blog-grid-more .blog-post {
        flex: 1 1 100%; /* Taille de base : pleine largeur */
        max-width: 100%; /* Pas de limite de largeur */
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
    gap: 10px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    transition: all 0.3s ease;
}

.pagination a:hover {
    background: #009515;
    color: #fff;
    border-color: #009515;
}

.pagination .current {
    background: #009515;
    color: #fff;
    border-color: #009515;
}

.single .contenudeloffre:before {
    content: "";
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 100000px;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100000px;
}

.continuerlecture {
    padding: 40px 0 0px;
    display: flex;
}

.continuerlecture h3 {
    color: #1a1b1e;
    font-size: 45px;
    line-height: 57px;
    text-align: center;
}

.continuerlecture #container {
    width: 100%;
}

.toutart {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.toutart a {
    font-weight: 400;
    text-transform: uppercase;
}

.barrelateraleoffres .commanderenlignedeux {
    width: 98%;
    margin: 0 auto !important;
    float: none !important;
}

.barrelateraleoffres .commanderenlignedeux a {
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid #009515;
    padding: 0;
    min-height: 60px;
    line-height: 60px;
    min-width: auto !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

.barrelateraleoffres .commanderenlignedeux a.accescatalogue {
    background: #009515 !important;
    color: #FFF;
}

.barrelateraleoffres .commanderenlignedeux a.accesclient {
    background: #f1f1f1 !important;
    color: #009515;
}

.barrelateraleoffres .commanderenlignedeux a.accesclient:hover,
.barrelateraleoffres .commanderenlignedeux a.accescatalogue:hover {
    background: #3b8efb !important;
    color: #fff;
    border-color: #3b8efb;
}