/*
Theme Name: Synecia
Text Domain: synecia
Author: Gwenn Laudrin
Author URI: http://gwenn.design
Description: Theme pour Synecia
Version: 1.0
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
	--color-text: #373334;
	--color-bg: #fff;
	--color-link: #03433c;
	--color-link-hover: #03433c;
	--color-main-bg-1: #03433c;
	--color-green: #03433c;
	--font-family-body: 'Montserrat', Arial, sans-serif;
	--font-family-title: 'Ubuntu', Arial, sans-serif;
	--font-weight-title: 700;
	--site-max-width: 1280px;
}
.animate {
	-webkit-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-ms-transition: all 0.2s; 
	-o-transition: all 0.2s; 
	transition: all 0.2s;
}
::selection{background:var(--color-link); color:#FFF;}
::-moz-selection{background:var(--color-link); color:#FFF;}

html {
	padding:0;
	margin:0;
}
body {
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:500;
	line-height:30px;
	font-family:var(--font-family-body);
	color:var(--color-text);
	background-color:var(--color-bg);
	background-image:url(img/bg_body.svg);
	background-position:top center;
	background-size:100% 500px;
	background-repeat:no-repeat;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
	width:100%;
	position:relative;
}
a {
	color:var(--color-link);
	text-decoration:none;
	-webkit-transition: all 0.2s; 
	-moz-transition: all 0.2s; 
	-ms-transition: all 0.2s; 
	-o-transition: all 0.2s; 
	transition: all 0.2s;
}
a:hover, a:focus {
	color:var(--color-link-hover);
	text-decoration:none;
}
.main-color-1 {
	color:var(--color-green) !important;
}
.green {
	color:var(--color-green) !important;
}
.rose {
	color:var(--color-link) !important;
}
strong, b {
    /*font-family:var(--font-family-title);*/
	font-weight:700;
}
.light {
    font-weight: 300;
	font-family:var(--font-family-title);
}
.fl-photo-content img {
	border-radius:8px;
}
a img{
	border:none;
}
blockquote,
q {
	quotes: none;
	margin:0px 0 10px 0;
	padding:0;
	font-weight:400;
	font-size:30px;
	line-height:42px;
	color:var(--color-text);
	border:none;
}
p {
	margin:0 0 20px 0;
}
ol {
	margin:0 0 10px 0;
	padding-left:25px;
}
ol li {
	padding-bottom:5px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:20px 0 40px;
}
table table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0 0px;
}
th,
td {
	padding:9px 15px;
	border-bottom:1px solid #f5f6f7;
	width:auto;
}
table tr:last-child td {
	border-bottom:none;
}
table tr td p {
	margin-bottom:5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:var(--font-family-title);
	clear: both;
	margin:0;
	font-weight:var(--font-weight-title);
	color:var(--color-text);
	position:relative;
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
h1 {
font-size:72px;
line-height:80px;
margin:0 0 0px 0;
}
h2 {
font-size:58px;
line-height:1;
margin:0px 0 30px 0;
}
h3, .login-title {
display:block;
font-size:34px;
line-height:34px;
margin:0 0 20px 0;
}
h4 {
font-size:24px;
line-height:24px;
margin:0 0 15px 0;
}
h5 {
font-family:var(--font-family-body);
color:var(--color-link);
font-size:15px;
line-height:20px;
letter-spacing:1px;
text-transform:uppercase;
margin:0 0 5px 0;
}
hr {
	background-color:#f0f0f0;
	border: 0;
	height:1px;
	border-bottom:none;
	margin:35px auto 40px;
	clear:both;
}
sub,
sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size:80%;
}
img {
	border: 0;
}
.clear, .um-clear{
	clear:both;
}
.no-padding {
	padding:0;
}
.grecaptcha-badge {
    display:none;
}
/*.site-content ul {
	list-style:none;
	padding-left:15px;
	margin-bottom:20px;
}
.site-content ul li {
	position:relative;
	padding-left:10px;
	padding-bottom:3px;
}
.site-content ul li:first-letter {
	text-transform:uppercase;
}*/
.fl-photo-caption {
    font-size:11px;
	color:#666666;
	text-align:center;
	padding-top:5px;
}

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Form fields, general styles first */
input,
select,
textarea {
	padding:18px 25px 16px 25px;
	color:#444444;
	font-size:13px;
	line-height:18px;
	font-weight:500;
	border:1px solid #e8eaef;
	width:100%;
	border-radius:26px;
	margin:0 0 0px 0;
	font-family:var(--font-family-body);
	background-color:#ffffff;
	outline:none;
}
select{
	padding:15px 40px 14px 10px;
	font-size:13px;
	color:#2e2e2e;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARklEQVQ4jWNgGAWjgAYgl4GB4Q4BnIHPACUGBoZHDAwM/3HgBwwMDAqEXKGMwxCiNOMyhCTN6IaQpRkGJBkYGCTI1UwUAACGZhvu4LRe7wAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
	background-position:90% 40%;
	background-position:-moz-calc(100% - 10px) 40%;
    background-position:-webkit-calc(100% - 10px) 40%;
   	background-position:calc(100% - 10px) 40%;
}
textarea {
	overflow:hidden;
	vertical-align: top;
	resize:vertical;
	min-height:150px;
}
.error input,
.error select,
.error textarea {
	color:#fff;
	background:#22313b;
}
::placeholder {
  opacity:.7;
}
:-ms-input-placeholder {
  opacity:.8;
}
::-ms-input-placeholder {
  opacity:.8;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	padding: 0;
	width:auto;
}
input[type="file"] {
	padding:22px 20px 18px 20px;
	width:100%;
}
input[type="radio"] {
	margin:3px;
	vertical-align:text-top;
	width:auto;
	position:relative !important;
}
input[type="checkbox"] {
	margin:3px;
	vertical-align:text-top;
}

/* Buttons */
.fl-builder-content .fl-button-wrap .fl-button, .button, .fl-builder-content .fl-button-wrap .fl-button:visited, .um-button, .wpf-button {
	font-family:var(--font-family-body);
	font-weight:500;
	padding:17px 30px 14px 30px;
	background-color:transparent;
	border:none !important;
	border-radius:26px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	width:auto;
	cursor:pointer;
	position:relative;
}
.fl-builder-content .fl-button-wrap .fl-button, .fl-builder-content .fl-button-wrap .fl-button span, .fl-builder-content .fl-button-wrap .fl-button i, .um-button, .wpf-button {
	-webkit-transition: all 0.4s; 
	-moz-transition: all 0.4s; 
	-ms-transition: all 0.4s; 
	-o-transition: all 0.4s; 
	transition: all 0.4s;
}
.fl-builder-content .fl-button-wrap .fl-button *, .fl-builder-content .fl-button-wrap .fl-button:visited * {
	color:unset;
	z-index:3;
	position:relative;
}
.fl-builder-content .fl-button-wrap .fl-button i {
	font-size:1em;
	vertical-align:middle;
}
.fl-builder-content .fl-button-wrap .fl-button-has-icon .fl-button-text {
    vertical-align:middle;
}
.fl-builder-content .fl-button-wrap .fl-button:hover, .fl-builder-content .fl-button-wrap .button:hover {
	text-decoration:none;
}
.fl-builder-content .fl-button-wrap .fl-button.button-rose, .user-not-connected #um-submit-btn {
	background-color:#ff7979;
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(255,72,72,0)), to(#ff4848));
	background-image:-o-linear-gradient(left, rgba(255,72,72,0), #ff4848);
	background-image:linear-gradient(90deg, rgba(255,72,72,0), #ff4848);
}
.fl-builder-content .fl-button-wrap .fl-button.button-rose:hover {
	background-color:#ff4848;
}
.fl-builder-content .fl-button-wrap .fl-button.button-vert, .um-button, .user-not-connected #um-submit-btn {
	border:none !important;
	background-color:#02645e;
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(2,100,94,0)), to(#03433c));
	background-image:-o-linear-gradient(left, rgba(2,100,94,0), #03433c);
	background-image:linear-gradient(90deg, rgba(2,100,94,0), #03433c);
}
.fl-builder-content .fl-button-wrap .fl-button.button-vert:hover, .um-button:hover, .user-not-connected #um-submit-btn:hover {
	background-color:#03433c;
}
.fl-builder-content .fl-button-wrap .fl-button.button-blanc {
	background-color:#ffffff;
}
.fl-builder-content .fl-button-wrap .fl-button.button-border {
	background-color:#ffffff;
	border:1px solid #e8eaef !important;
}
.fl-builder-content .fl-button-wrap .fl-button.button-blanc * {
	color:#278592;
}
.fl-builder-content .fl-button-wrap .fl-button.button-border * {
	color:#242424;
}
.fl-builder-content .fl-button-wrap .fl-button.button-blanc:hover,
.menu-fixed .fl-builder-content .fl-button-wrap .fl-button.button-blanc:hover {
	background-color:var(--color-text);
}
.fl-builder-content .fl-button-wrap .fl-button.button-border:hover {
	background-color:var(--color-green);
	border:1px solid var(--color-green) !important;
}
.fl-builder-content .fl-button-wrap .fl-button.button-blanc:hover *, .fl-builder-content .fl-button-wrap .fl-button.button-border:hover *, .um-button:hover {
	color:#ffffff;
}

.fl-builder-content .fl-button-wrap .fl-button.button-small, .button-small {font-size:14px; padding:9px 30px 8px 30px;}
.fl-builder-content .fl-button-wrap .fl-button.button-big, .um-login #um-submit-btn {font-size:18px; font-weight:700; line-height:22px;}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
}
img.alignleft {
	margin-right:20px;
}
img.alignright{
	margin-left:20px;
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%;
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	color: #757575;
}
.gallery .gallery-item {
	display:inline-block;
	margin:0 15px 15px 0;
	vertical-align:top;
	text-align:center;
}

/* =Basic structure
-------------------------------------------------------------- */
@media only screen and (min-width: 1310px){
.container {
    width: var(--site-max-width);
}
}
/* Page structure */
#wrapper-main {
   	width:100%;
	position:relative;
	margin:0px 0 0 0;
	z-index:3;
	overflow:hidden;
	padding-top:190px;
}
.site-content {
	width:100%;
	min-height:200px;
	margin:0px auto 0;
	padding:0px 0px 0 !important;
	position:relative;
	z-index:6;
}
#wrapper-main header#page-header {
	margin:0 auto 0px;
	min-height:150px;
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	text-align:left;
	padding:20px 0px 20px;
	border:none;
	overflow:hidden;
	/*color:#FFF;*/
}
#wrapper-main article header#page-header {
	min-height:auto;
    padding:40px 0px 10px;
}
#wrapper-main header#page-header #post-thumbnail {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0%;
	z-index:-1;
}
#wrapper-main article #post-thumbnail {
	height:45vh;
	width:90%;
}
#wrapper-main header#page-header #post-thumbnail img, #wrapper-main article #post-thumbnail img {
	height:100%;
	width:100%;
	object-fit:cover;
}
#wrapper-main header#page-header *,
#wrapper-main header#page-header .fl-row-content-wrap .fl-row-content,
#wrapper-main article > header * {
	position:relative;
	z-index:3;
}
#content {
	margin:50px auto 70px auto;
	max-width:var(--site-max-width);
}
.fl-builder #content {
	max-width:100%;
	margin:0 auto;
	padding:0;
}
#breadcrumbs {
	position:absolute;
	left:0;
	top:90px;
	width:100%;
	margin:0 auto 0px auto;
	background:#ffffff;
	font-size:11px;
	font-weight:500;
	padding:20px 4vw 18px 4vw;
	line-height:18px;
}
#breadcrumbs > div {
	padding:0 0px;
}
/*#breadcrumbs > div i {
	color:#d8d8d8;
	margin:0 2px;
}
#breadcrumbs > div a {
	color:#2e2e2e;
}
#breadcrumbs > div a:hover {
	color:var(--color-link);
}*/

/* Header */
#site-header {
	width:100%;
	position:absolute;
	z-index:10;
	padding:40px 15px 0 15px;
	left:0;
	top:0;
}
#site-header > div {
	position:relative;
	max-width:1450px;
	margin:0 auto;
	padding:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#site-header a.site-title {
	z-index:99;
	position:relative;
	margin:0px 0 0 0px;
	-webkit-transition: all 0s; 
	-moz-transition: all 0s; 
	-ms-transition: all 0s; 
	-o-transition: all 0s; 
	transition: all 0s;
}
#site-header a.site-title .site-logo {
	display:block;
	max-height:74px;
	margin:0px auto 0;
	width:auto;
}
body:not(.isEdge) #site-header a.site-title .site-logo {
	height:auto;
}
#site-header a.site-title .site-logo-menu {
	display:none;
}
#site-header .site-description {
	float:left;
	display:block;
	margin:36px 0 0 20px;
	font-size:13px;
}

#carte-synecia-plus{
    position: absolute;
    display: block;
    width: 70px;
    /*height: 40px;*/
    padding-top: 18px;
    top:62px;
    right: 145px;
    background:url(img/carte-synecia-plus.png) top center no-repeat;
	background-size:37px;
    font-size: 9px;
    color: var(--color-bg);
}
.open-menu {
  z-index:101;
  position:absolute;
  width: 36px;
  height: 36px;
  top:25px;
  padding-top:0;
  text-align:left;
}
.open-menu .icon-left {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  height: 3px;
  width: 18px;
  top: 18px;
  left:0;
  background-color: #ffffff;
}
.open-menu .icon-left:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  content: "";
  top: -10px;
}
.open-menu .icon-left:after {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  content: "";
  top: 10px;
}
.open-menu .icon-left:hover {
  cursor: pointer;
}
.open-menu .icon-right {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  height: 3px;
  width: 18px;
  top: 18px;
  background-color: #ffffff;
  left: 18px;
}
.open-menu .icon-right:before {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  content: "";
  top: -10px;
}
.open-menu .icon-right:after {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  position: absolute;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  content: "";
  top: 10px;
}
.menu-open .open-menu .icon-left {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background: transparent !important;
}
.menu-open .open-menu .icon-left:before {
  -webkit-transform: rotateZ(45deg) scale(1.2, 1.0) translate(2px, 1px);
          transform: rotateZ(45deg) scale(1.2, 1.0) translate(2px, 1px);
  background-color: #ffffff;
}
.menu-open .open-menu .icon-left:after {
  -webkit-transform: rotateZ(-45deg) scale(1.2, 1.0) translate(2px, -1px);
          transform: rotateZ(-45deg) scale(1.2, 1.0) translate(2px, -1px);
  background-color: #ffffff;
}
.menu-open .open-menu .icon-right {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  background: transparent !important;
}
.menu-open .open-menu .icon-right:before {
  -webkit-transform: rotateZ(-45deg) scale(1.2, 1.0) translate(-2px, 0px);
          transform: rotateZ(-45deg) scale(1.2, 1.0) translate(-2px, 0px);
  background-color: #ffffff;
}
.menu-open .open-menu .icon-right:after {
  -webkit-transform: rotateZ(45deg) scale(1.2, 1.0) translate(-2px, -0px);
          transform: rotateZ(45deg) scale(1.2, 1.0) translate(-2px, -0px);
  background-color: #ffffff;
}
.open-menu:hover {
  cursor: pointer;
}

/* Footer */
footer {
	width:100%;
	background:#fff;
	padding:50px 0 15px;
}
#footer-area {
	padding:0 0 20px;
}
footer a {
	color:var(--color-text);
}
footer a:hover {
	color:var(--color-link);
}
footer .menu {
	list-style:none;
	margin:6px 0 0px 0;
	padding:0;
	line-height:18px;
}
footer .menu li {
	line-height:34px;
	display:inline-block;
	margin-left:25px;
}
footer .menu li.menu-item-35:after {
	content:"\A";
	white-space:pre;
}
footer .menu li a {
	display:inline-block;
	line-height:20px;
	font-size:13px;
	font-weight:500;
}
footer .menu a:hover, footer .menu .current-menu-item a {
	color:var(--color-link);
}
#footer-copyright {
	padding:15px 15px 5px 0;
	text-align:right;
	font-size:11px;
	line-height:16px;
	font-weight:400;
}
#footer-copyright a {}
#footer-copyright p {
	margin:0;
}
#footer-copyright a:hover {
	color:var(--color-link);
}
#copyright svg {
    vertical-align:sub;
	height:14px;
}
#copyright:hover svg path {
	fill:var(--color-link);
}
#copyright {
	float:right;
}

/* Socials */
.socials {
	padding:0;
	margin:0;
	list-style:none;
}
.socials li {
	display:inline-block;
	margin-right:20px;
}
.socials li a i {
	color:#FFF;
	font-size:16px;
}
.socials li a i.fa-facebook-f {
	font-size:15px;
}
.socials li a:hover i {
	color:var(--color-link);
}

/* Cookie Notice */
#cookie-notice {
    max-width:380px;
    min-width:10%;
    font-size:13px;
    line-height:18px;
	font-weight:400;
    left:inherit;
    text-align:left;
    right:25px;
	bottom:25px;
	box-shadow:0 0 30px rgba(0,0,0,.25);
}
#cn-close-notice {
	top:20px;
	right:10px;
}
.cn-close-icon:after, .cn-close-icon:before {
    background-color:#000;
}
.cookie-notice-container {
    padding:30px 30px 25px;
    text-align:left;
}
.cookie-notice-container > span {
	display:block;
}
#cookie-notice .cn-buttons-container {
    margin:15px 0 0 0;
}
#cookie-notice .cn-button {
    margin:0 10px 0 0;
	border-radius:0;
	background-color:var(--color-link);
	color:#FFF;
	padding:8px 15px 7px 15px;
	font-size:12px;
}
#cookie-notice .cn-button:hover {
	background-color:var(--color-text);
	color:#FFF;
}

/*********  
*	Home
*********/
body.home:not(.intranet) {
	background-image:none;
	background:-o-linear-gradient(315deg, #02645e, var(--color-green));
	background:linear-gradient(135deg, #02645e, var(--color-green));
	background-attachment:fixed;
}
/*.home:not(.intranet) .nav-menu > li > a {
	color:var(--color-text);
}
.home:not(.intranet) .nav-menu > li > a:hover, .home:not(.intranet) .nav-menu > li.current-menu-item > a, .home:not(.intranet) .nav-menu > li.current-menu-ancestor > a {
	color:var(--color-link);
}*/
.home #wrapper-main {
    padding-top:0px;
}
.home:not(.fl-builder-edit) #wave {
	width:100%;
	height:1215px;
	position:absolute;
	top:0px;
	left:0px;
	pointer-events:none;
	z-index:-1;
	overflow:hidden;
}
.home:not(.fl-builder-edit) #wave svg {
	width:1920px;
	height:100%;
	position:absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
}
.home.fl-builder-edit #wave svg {
	display:none;
}
.home:not(.fl-builder-edit) #particles {
	width:60%;
	height:105vh;
	position:absolute;
	top:0;
	right:0;
	z-index:-2;
}
.home:not(.fl-builder-edit) #img-background {
	width:100%;
	height:100vh;
    height: calc(100*var(--vh, 1vh));
	position:fixed;
	top:0;
	right:0;
	pointer-events:none;
	background-image:url(img/bg-top-home.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	z-index:-3;
}
.home:not(.fl-builder-edit) #reseau-partenaires {
	position:absolute;
	bottom:40px;
	right:80px;
}
.compteur {
	min-height:150px;
	font-size:17px;
}
.compteur.fl-node-5f87fa827f1c1 .fl-number-int {
	letter-spacing:-0.06em;
}
.compteur .fl-number-string {
    font-family:var(--font-family-title);
	color:var(--color-link);
	font-weight:700;
	line-height:0.9;
}
.fl-mosaicflow-content {
	display:flex;
	/*align-items:center;*/
	justify-content:center;
}
.fl-mosaicflow-content > div:first-child {
	display:none;
}
/*.fl-mosaicflow-content > .fl-mosaicflow-col:last-child {
	display:none;
}*/
.fl-mosaicflow-col {
    float:none;
}
.home .fl-gallery-item, .partenaires .fl-gallery-item {
    min-height: 100px;
    /*width: auto;*/
    margin: 0 0px;
}
.home .fl-photo-align-center, .partenaires .fl-photo-align-center {
    display: flex;
    min-height: 100px;
    align-items: center;
    justify-content: center;
}
.home .fl-gallery-item .fl-photo-content img,
.home .fl-mosaicflow-col .fl-photo-content img,
.partenaires .fl-gallery-item .fl-photo-content img,
.partenaires .fl-mosaicflow-col .fl-photo-content img {
    border-radius: 0;
    max-height: 90px;
    width: auto;
    max-width: 100%;
}

/*********  
*	Page
*********/

/*********  
*	Login
*********/
#login-panel {
	position:fixed;
	top:0;
	right:0;
	z-index:999999;
	background-color:#FFF;
	width:100%;
	max-width:480px;
	height:100vh;
    height: calc(100*var(--vh, 1vh));
	text-align:center;
	padding:0 70px;
	display:flex;
	align-items:center;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	
	-webkit-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
}
.login-open #login-panel {
    box-shadow: 0px 0px 45px rgba(0,0,0,.2);
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
}
#login-panel .cn-close-icon {
	cursor:pointer;
}
#login-panel > div {
	width:100%;
}
#login-panel > div img {
	max-width:140px;
	margin-bottom:35px;
}
#login-panel form#login input {
	width:100%;
	display:block;
}
#login-panel .status {
	font-size:13px;
	line-height:22px;
	min-height:22px;
	font-weight:500;
	margin-bottom:10px;
}
#login-panel .lost-password, .um-login a.um-link-alt {
	color:#939393;
	font-size:12px;
	font-weight:500;
}
#login-panel .lost-password:hover, .um-login a.um-link-alt:hover {
	color:var(--color-link);
}



/*********  
*	News
*********/
.search-no-results #content {
	align-items:center;
}
.category #content > article {

}
.post-header h2 a {
	color: var(--color-text);
}
.post-header h2 a:hover {
	color: var(--color-link);
}
.article-date {
	font-size:13px;
	display:block;
	margin-bottom:5px;
}
.article-infos .article-date {
	float:left;
}
.article-date i {
	font-size:16px;
	margin-right:2px;
}
.article-comment {
	float:right;
	color:#9b9ead;
}
.article-image {
	height:240px;
	background-color:#000;
	overflow:hidden;
	position:relative;
}
.article-image img {
	object-fit:cover;
	width:100%;
	height:100%;
	transition-duration:1.0s;
}
.article-image:hover img {
	/*-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);*/
}
.article-infos {
	padding:15px 0px 15px;
    font-size:14px;
    line-height:23px;
}
.article-infos h2 {
	font-size:22px;
	line-height:28px;
	margin-bottom:10px;
}
.article-excerpt {
	font-size:13px;
	line-height:20px;
}
.article-excerpt p {
	margin-bottom:10px;
	font-weight:500;
	color:#666;
}

.single header h1 {
	font-size:56px;
    font-size:clamp(40px, 2.7vw, 56px);
	line-height:1;
}
.single #post-content {
    margin-bottom: 50px;
}
header .fl-post-info-date {
	color:#FFF;
}
.post-cat {
	position:absolute;
	left:20px;
	top:15px;
	z-index:7;
}
.post-cat ul, .post-cat ul li {
	margin:0;
	padding:0;
}
.post-cat a, .post-cat span {
	margin:0;
	display:block;
	padding:4px 20px 6px;
	box-shadow: inset 0 -5px 0px -2px rgba(0,0,0,.3);
	font-weight:500;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	border-radius:5px;
	overflow:hidden;
	background-color:var(--color-main-bg-1);
}
a.category-categorie {background:#ea5897;}
a.category-careers {
    background: #00a02f;
}
a.category-tennis {
    background: #1bb7cc;
}
a.category-economy {
    background: #0078d7;
}
a.category-corporate {
    background: #495da3;
}

article .box .post-tags {
	position:absolute;
	left:15px;
	bottom:5px;
	z-index:7;
}
.post-tags a {
	font-size:12px;
	line-height:14px;
	font-weight:500;
	padding:7px 10px 6px;
	margin:0 5px 5px 0;
	background:var(--color-green);
	border-bottom:1px solid #00352f;
	color:#FFF;
	border-radius:4px;
	display:inline-block;
}
.video-yt-wrapper {
	position:relative;
	padding-bottom:56.25%;
	margin-bottom:30px;
}
.video-yt-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pagination {
	margin-left:15px;
}
.pagination h2 {
	display:none;
}
.pagination a.page-numbers, .pagination span.page-numbers {
    border:none;
    padding:7px 12px 6px;
    background:#FFF;
	border-bottom:1px solid #eeeeee;
	border-radius:4px;
	font-weight:500;
}
.pagination a.page-numbers:hover, .pagination span.current {
    background:var(--color-link);
	color:#fff;
	border-bottom:1px solid #c81a1a;
}


/*********  
*	Contact
*********/
.contact-form {
	background:#323f48;
	padding:50px 95px 60px 0;
	margin-top:35px;
	position:relative;
}
.contact-form:before, .contact-form:after {
	background:#323f48;
	display:block;
	content:" ";
	top:0;
	position:absolute;
	height:100%;
	z-index:10;
}
.contact-form:before {
	right:100%;
	width:50vw;
}
.contact-form:after {
	left:100%;
	width:90px;
}
.contact-form h3 {
	color:#FFF;
}
.contact-form .champ-infos {
	width:49%;
	display:inline-block;
	float:left;
	margin-bottom:12px;
}
.contact-form .contact-infos .champ-infos:nth-of-type(2n+1) {
	margin-right:2%;
}
.contact-form .champ-infos-full {
	width:100%;
	margin-right:0 !important;
}

/*********  
*	Formulaires
*********/
.form-input, .um-field-area {
	margin-bottom:15px;
}
.wpcf7 label {
    margin-bottom:6px;
	display:block;
}
.wpcf7 .champ-contact {
	margin-bottom:10px;
}
.wpcf7 input[type=text], .wpcf7 input[type=tel], .wpcf7 input[type=email], .wpcf7 textarea, .wpcf7 select {
	width:100%;
}
span.wpcf7-not-valid-tip {
    color:var(--color-link);
    font-size:12px;
	font-weight:700;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-response-output {
    border:none !important;
	background:none;
	padding:0px 0px 5px !important;
	color:var(--color-link);
	margin:20px 0 5px 0 !important;
	font-size:13px;
	line-height:20px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-response-output {
	background:none;
	padding:19px 20px 13px !important;
	color:#ffffff;
	background-color:var(--color-link);
}

/*********  
*	404
*********/
.error404 .site-content {
	padding:0;
}
.error404 .site-content article {
    margin:0px auto;
	width:var(--site-max-width);
	height:calc(100vh - 135px);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:flex-start;
	text-align:left;
	position:relative;
	z-index:3;
}
.error404 h1 {
	color:var(--color-text);
}
.error404 h1 span {
	font-size:140%;
}

@media only screen and (max-width: 1460px){
.fl-node-5f6c8d48b6cdf .fl-row-content {
	padding-left:20px;
}
}
@media only screen and (max-width: 1370px){
#carte-synecia-plus {
    filter: invert(1);
}
}
@media only screen and (max-width: 1320px){
body {
    background-size:140% 500px;
}
.container {
    width:-moz-calc(100% - 30px);
    width:-webkit-calc(100% - 30px);
    width:calc(100% - 30px);
}
#content {
	padding:0 15px;
}
}
@media only screen and (max-width: 1025px){
body {
    background-size:100% 300px;
}
#site-header {
	padding-top:26px;
}
.open-menu {
    display:block;
}
#intranet-login {
	display:none;
	opacity:0;
}
.menu-open #intranet-login {
	display:inline-block;
	position: fixed;
	z-index: 101;
	bottom: 20px;
	left: 50%;
	transform:translateX(-50%);
	opacity:1;
	transition-delay: .50s;
	transition-property:opacity;
}
#footer-copyright {
	text-align:center;
	padding-right:0;
}
#copyright {
    float:none;
}
}
@media only screen and (max-width: 992px){
#carte-synecia-plus {
    top: 43px;
    right: 94px;
}
}
@media only screen and (max-width: 768px){
body {
    background-size:125% 200px;
	background-position:100% -65px;
}
#wrapper-main {
    padding-top:135px;
}
img {
	max-width:100%;
	height:auto;
}
small {
    font-size:70%;
}
h1 {
    font-size:12vw;
    line-height:11vw;
}
.fl-col-small {
    max-width:100% !important;
}
#site-header a.site-title .site-logo {
    max-height:60px;
}
.fl-mosaicflow-content {
    align-items:flex-start;
}
.home:not(.fl-builder-edit) #particles {
	display:none;
}
.home:not(.fl-builder-edit) #img-background {
	display:none;
}
.home:not(.fl-builder-edit) #reseau-partenaires {
	display:none;
}
.home:not(.fl-builder-edit) #wave {
    height:55vh;
    top:70vh;
	overflow:visible;
}
.home:not(.fl-builder-edit) #wave:before {
	position:absolute;
	height:70vh;
	width:100%;
	content:"";
	background-color:#FFF;
    bottom:100%;
}
#wrapper-main article #post-thumbnail {
    height: 30vh;
    width: 100%;
}
.single #content {
    padding: 0 0px;
    margin-top: 20px;
}
#cookie-notice {
    max-width:100%;
    right:0;
    bottom:0;
}
#footer-area {
  padding: 0 0 0px;
}
.infos-footer {
    text-align:center;
    padding-bottom: 10px;
}
.nav-footer {
    text-align: center;
}
footer .menu li {
    margin: 0 5px;
}
.nav-footer .lien-intranet-footer {
	display:none;
}
#copyright {
	display:block;
	margin-top:10px;
}
}
@media only screen and (max-width: 480px){
#carte-synecia-plus {
  right: 75px;
  overflow: hidden;
  text-indent: -9999px;
}
}