/*    ----CONTENT LIST-----

      01- CLEARFIX
      02- TYPOGRAPHY
      03- PRE HEADER CONTENT (lists, tooltip, social icons)
      04- HEADER CSS + GRID (container, navigation, columns)
      05- FOOTER & COPYRIGHTS CSS
      06- HOMEPAGE PORTFOLIO CAROUSEL, PORTFOLIO ITEM & BANNER LAYOUT
      07- BUTTONS
      08- LISTS
      09- DROPCAPS
      10- ALERTS
      11- CONTACT FORM
      12- PORTFOLIO LAYOUTS
      13- BLOG LAYOUT
      14- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,inner page intro...)
      15- DRUPAL STYLES OVERRIDE
      16- CALENDAR
      17- METEO
      18- PRATIQUE
      19- NEWSLETTER
*/

/* ---------------------------------------------------------------------- */
/* 01-   CLEARFIX
/* ---------------------------------------------------------------------- */
.clear {clear: both; display: block; height: 0; overflow: hidden; visibility:hidden; width: 0;}

.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}

* html .clearfix,:first-child+html .clearfix {zoom: 1;}

iframe {border: none;}

.noBgColor {background-color: transparent!important;}

.overlay-element{padding-top: 30px! important;}

/* fix explorateur de fichiers */
#imce-content #navigation-wrapper{background-color: transparent;}
#imce-content input.form-submit, #imce-content input[type="submit"]{background:none;padding:2px 6px;}

/* ---------------------------------------------------------------------- */
/* 02-   TYPOGRAPHY
/* ---------------------------------------------------------------------- */
body { background: #FFF; color: #2f2a23; font-size: 12px; font-family: 'Roboto Condensed','Trebuchet MS','Arial', 'Verdana', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; }

p,ul,ol,pre,code {margin-bottom: 1em;}

ol ol, ul ul { margin: 0 auto 0 auto; }

a, #page-wrapper a > * { color: #0e70aa; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;text-decoration: none;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }

a:hover, #page-wrapper a > *:hover,.sidebar .block a:hover { color: #269dc6; }
a:link, a:visited, a:hover, a:active { outline:none !important ; }
#block-system-main a{text-decoration: underline;}
#block-system-main a:hover{text-decoration: none;}
#block-system-main .flex-direction-nav a{text-decoration: none;}


h1,h2,h3,h4,h5,h6 { margin-top: 10px;font-weight: bold; font-variant: normal; white-space: normal; color: #231f20; margin-bottom: 15px;}
h1{ font-size: 40px; line-height: 40px;margin-bottom: 15px;text-transform: uppercase; background:url(../images/bgHomeTitle.gif) no-repeat  0% 100%;padding-bottom: 20px; }
h2 { font-size: 27px; line-height: 34px; color: #2f2a23 ;text-transform: uppercase; border-bottom: 1px solid #2f2a23;margin-bottom: 22px;}
h3 { font-size: 22px; line-height: 28px;color: #00b1ad ;text-transform: uppercase;}
h4,
.field-name-field-description-courte { font-size: 20px; line-height: 24px; }
h5 { font-size: 1.1em; line-height: 20px;}
h6 { font-size: 1.1em; line-height: 17px; }
address{background-color:#00b1ad;color:#fff;padding: 30px 30px;font-style: normal;font-weight: bold;font-size:18px;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #303031; font-size: 100%; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { font-size: 100%; text-decoration: none; }
a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover { color: #9dcedf; }

.sidebar h2{ font-size: 18px; line-height: 24px; }

.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }

.img-align-left { margin: 0px 10px 10px 0; float: left; }

img { max-width: 100%; height: auto !important;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a#text_resize_increase,
a#text_resize_decrease,
a#text_resize_reset {width: 16px;height: 17px;background: url("../images/a_reset.jpg") no-repeat 0 0;margin: 0;margin: 0 2px;
  -moz-transition:  all .2s ease-in-out;
  -ms-transition:  all .2s ease-in-out;
  -o-transition:  all .2s ease-in-out;
  transition:  all .2s ease-in-out;}
a#text_resize_increase{background-position: 0 0}
a#text_resize_increase:hover{background-position: 0 -17px}
a#text_resize_reset{background-position: -16px 0}
a#text_resize_reset:hover{background-position: -16px -17px}
a#text_resize_decrease{background-position: -32px 0}
a#text_resize_decrease:hover{background-position: -32px -17px}

.not-front #main-content{min-height: 600px;display: flex;}

/* ---------------------------------------------------------------------- */
/* 00-   TOOLBAR
/* ---------------------------------------------------------------------- */
#toolbar div.toolbar-menu{display: none !important;}
#admin-menu-wrapper {padding: 12px 10px 0;}
#admin-menu {
padding-left: 140px !important;
height: 50px;
background: url("../images/logo_extrasite.png") #000 no-repeat top left;
}
body div#toolbar.toolbar {top: 50px;}

#breadcrumbWrapper{background:#28B1AD;}
#breadcrumb {
    padding: 15px 5px;
    text-align: left;
    padding-left: 5px;
    color:#fff;
    max-width: 1200px;
    margin:auto;
}
#breadcrumb a{color:#fff;}

/* ---------------------------------------------------------------------- */
/* 04-   HEADER CSS
/* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */
/* HEADER,CONTAINER, RESPONSIVE NAVIGATION
/* -------------------------------------------------- */

/* correction menu */
.sf-menu.sf-style-default a {padding: 0 0;}
.sf-menu.sf-style-default a.sf-with-ul { padding-right: 0;}
/* end of correction menu */

/* text resize */
#block-text-resize-0 h2 {display: none;}

#page-wrapper{padding-top: 40px;background: url(../images/bgHomeBtmL.gif) no-repeat 0% 100%,url(../images/bgHomeAccesTopR.jpg) no-repeat 100% 0%;}
#page { height: auto; max-width: 1200px; padding: 0px; margin: 0px auto; }
.front #page-wrapper {padding-top: 0;} 
#headerWrp{position: fixed;top:0;width: 100%;z-index: 9;background:#fff;
  -moz-transition:  all .2s ease-in-out;
  -ms-transition:  all .2s ease-in-out;
  -o-transition:  all .2s ease-in-out;
  transition:  all .2s ease-in-out;}
.not-front #headerWrp{background: #fff;}
.logoBanner{padding:0;}

#header { margin-top: 15px;-moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;  }
#block-search-form .form-submit.steel_blue {
    width: 17px;
    height: 17px;
    background: url(../images/loupe.png) !important;
    color:
    transparent !important;
    text-shadow: none !important;
    border: 0px !important;
    line-height: 8px;
    margin-left: 10px;
}

#pre-header{float: left;}
#hearderR{display: flex;float: right;margin-right: 20px;-webkit-transition:  all .2s ease-in-out;
-moz-transition:  all .1s ease-in-out;
-ms-transition:  all .1s ease-in-out;
-o-transition:  all .1s ease-in-out;
transition:  all .1s ease-in-out;}
header{max-width: 1200px;margin: auto !important;}
#searchBar{margin-right: 25px;margin-top: 10px;}

#headerWrp.smaller #logo{width: 110px;margin-bottom: 0;margin-top: 4px}
#headerWrp.smaller #hearderR{opacity: 0;height: 0;}
#headerWrp.smaller{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
#headerWrp.smaller #header {margin-top: 4px;}

#navigation-wrapper {
    float: right;
    margin-top: 30px;
}
.main-menu{height:100%}
#browse-wrapper #navigation-wrapper {width:25%;float: left;}

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

.form-item-sticky {display: none;}

.not-front #content { margin-top:0px; }

.front #content{ margin-top: 0px; }

#header-left { float: left; }

.logoBanner{padding:0;}




#logo{padding-left: 12px;margin-top: 12px;margin-bottom: 12px;width: 182px;
  -webkit-transition:  all .2s ease-in-out;
  -moz-transition:  all .2s ease-in-out;
  -ms-transition:  all .2s ease-in-out;
  -o-transition:  all .2s ease-in-out;
  transition:  all .2s ease-in-out;}

h1#site-name{ font-size: 18px; margin:0 0 12px 0; line-height: 27px;}

h2#site-slogan{ color: #dbdbdb; margin:0 0 16px 0; font-size: 16px; line-height: 16px; }

.not-front #site-slogan { display: none; }

#tagline { margin: 0; white-space: nowrap; }

#mm0 { display: none !important; width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }

.block-superfish select { width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }
.block-superfish select .main{background-color: #d5cfb8 !important;}
.block-superfish select .sub{background-color: #E8E5D8 !important;}
#block-block-5:after {clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}

/* -------------------------------------------------- */
/* Columns
/* -------------------------------------------------- */
.container { margin: 0 auto; position: relative; max-width: 1200px; }

.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column { float: left; margin-right: 0px;}

.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12 { margin-right: 0px; }

.one-half { width: 56%; }

.one-third { width: 300px; }

.two-third { width: 620px; }

.one-fourth { width: 220px;margin-right: 30px; }
.one-fourth.last { width: 350px; }

.three-fourth { width: 670px; }
.three-fourth.last { width: 950px; }

.horizontal-line { width: 100%; margin: 30px 0; float: left; border-top: 1px solid #e1e1e1; }

.one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9 { clear: both; }

/* -------------------------------------------------- */
/* MAVIGATION
/* -------------------------------------------------- */
#block-superfish-1 {float: left;}

#superfish-1 li li,#superfish-1 li li a{height:auto;}
.downarrowclass { position: absolute; top: 53px; right: 5px; }
.rightarrowclass { position: absolute; top: 10px; right: 10px; }

#main-navigation li.last { clear:none; }

#main-navigation > ul.menu, #main-navigation .content > ul.menu, #main-navigation ul.sf-menu { margin: -0px 0 0 0px; clear:both; }

#main-navigation > ul.menu:after, #main-navigation .content > ul.menu:after, #main-navigation ul.sf-menu:after, #main-navigation .content:after { content: "."; display: block; clear: both;
visibility: hidden; line-height: 0; height: 0; }

#main-navigation ul.menu li, #main-navigation ul.sf-menu li { list-style: none; float: left; position: relative;padding: 0; margin: 0; }

#main-navigation ul.menu li a, #main-navigation ul.sf-menu li a {   font-size: 21px; font-weight: bold;  position: relative; text-align: center; float: left; overflow: hidden; line-height: 20px; }

#main-navigation ul.sf-menu li a { color: #2f2a23;padding:8px 20px;text-transform: uppercase;}


#main-navigation ul.menu li.active-trail > a,
#main-navigation ul.menu li:hover > a,
#main-navigation > ul.menu > li > a.active,
#main-navigation ul.sf-menu li:hover > a,
#main-navigation ul.sf-menu > li > a.active,
#main-navigation .content > ul.menu > li > a.active { color: #fff; background: #28b1ad; }

#main-navigation ul.menu ul li a, #main-navigation ul.sf-menu ul li a { height:auto;display: block; float: none;font-size: 18px; }


#main-navigation ul.menu ul, #main-navigation ul.sf-menu ul { padding-top: 8px; display: none; left: 0; margin-top: -20px;
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#main-navigation ul.sf-menu ul {  }

#main-navigation ul.menu ul ul, #main-navigation ul.sf-menu ul ul { padding-left: 8px; display: none; left: 0;
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-top:18px; }

#main-navigation ul.menu ul ul  ul, #main-navigation ul.sf-menu ul ul  ul { padding-left: 8px; display: none; margin-left: 10px;
left: 0; position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#main-navigation ul.menu li:hover>ul { display: block; visibility: visible; top: 56px; }

#main-navigation ul.menu ul li:hover>ul { display: block; visibility: visible; top: 0%; left: 100%; }

#main-navigation ul.menu ul  li,
#main-navigation ul.menu ul  li a,
#main-navigation ul.sf-menu ul  li,
#main-navigation ul.sf-menu ul  li a { padding: 0px 0 0 0px; margin: 0px; color: #333431; background: #EEE; }

#main-navigation ul.menu ul a, #main-navigation ul.sf-menu ul a { border: 0; color: #fff; display: block; font-size: 11px; font-weight: 400; padding: 7px 10px !important; text-align: left;
margin: 0; text-transform: none; }

#main-navigation ul.menu ul a:hover,
#main-navigation ul.menu ul .hover > a,
#main-navigation ul.sf-menu ul a:hover,
#main-navigation ul.sf-menu ul .hover > a{ background: #28b1ad ; color: #fff !important; border: 0 !important; }


#main-navigation .content > ul.menu li li a.active,
#main-navigation > ul.menu li li a.active,
#main-navigation ul.sf-menu li li a.active  { background: #28b1ad; color: #fff !important; border: 0 !important; }

#main-navigation ul.menu li ul, #main-navigation ul.sf-menu li ul { position: absolute; left: 0px; display: block; visibility: hidden; margin-left: 0px; top: 0; max-width: 240px;}

#main-navigation ul.sf-menu li ul{ top: 100%; }
#main-navigation ul.sf-menu ul li ul{ left: 100%; top:0; margin-left: 0px; margin-top: -1px; display: none !important}

ul.menu ul { margin:0; display: none;}

.sf-sub-indicator {background : none;}

/* Language switcher */
.language-switcher-locale-url{padding-top: 10px;}
.language-switcher-locale-url li {display: inline-block;padding-left: 10px;}

/* ---------------------------------------------------------------------- */
/*    SIDEMENU
/* ---------------------------------------------------------------------- */
ul.menu{padding-left: 0}
.menu-block-1 ul.menu li{margin :0;padding: 0 0;background: #F6F6F6;}
.menu-block-1 ul.menu li.expanded {margin :0;padding: 0;}
.menu-block-1 ul.menu li.expanded a{padding: 0.5em 0.5em;}
.menu-block-1 ul.menu li.expanded li a{padding: 0;}

.menu-block-1 ul.menu li a{font-size: 1em;transition:none;-moz-transition:none;-ms-transition:none; -o-transition:none;}
.menu-block-1 ul.menu li.leaf{list-style-type:none;list-style-image:none; }

.menu-block-1 ul.menu li:hover,
.menu-block-1 ul.menu li.active,
.menu-block-1 ul.menu li.active-trail{background: #28b1ad;}
.menu-block-1 ul.menu li.expanded.active-trail{background: #fff;}
.menu-block-1 ul.menu li.expanded.active-trail li.active-trail,
.menu-block-1 ul.menu li.expanded.active-trail li a.active-trail{background: #e9e9e9;}

.menu-block-1 ul.menu li.expanded.active-trail li.active-trail a{color: #28b1ad;}

.menu-block-1 ul.menu li.expanded.active-trail a {background: #28b1ad;color: #fff;padding-left: 20px;}
.menu-block-1 ul.menu li.expanded.active-trail ul {background: #fff;}
.menu-block-1 ul.menu li.expanded.active-trail li a{background: #fff;color:#777;padding:8px 5px 8px 40px;}
.menu-block-1 ul.menu li.expanded.active-trail li:hover,
.menu-block-1 ul.menu li.expanded.active-trail li:hover a{background: #f4f4f4;}
.menu-block-1 ul.menu li.expanded.active-trail li.active-trail:hover,
.menu-block-1 ul.menu li.expanded.active-trail li.active-trail:hover a{background: #e9e9e9;}
.menu-block-1 ul.menu li.expanded.active-trail li a:hover{color:#28b1ad;}


.menu-block-1 ul.menu li:hover a,
.menu-block-1 ul.menu li.active a,
.menu-block-1 ul.menu li.active-trail a{background: #28b1ad;color: #fff;}

.menu-block-1 a{padding: 8px 5px 8px 20px;color: #333431;display:block;}
ul li.expanded, ul li.collapsed {list-style-image: none;list-style-type:none;}

/* ---------------------------------------------------------------------- */
/* 05-   FOOTER & COPYRIGHTS CSS
/* ---------------------------------------------------------------------- */

#footer{background-color:#218F9E;color:#898989;font-size: 12px;}
#footerContent{max-width: 1200px;margin: auto;padding-top: 15px;}
#footerLeft{float: left;}
#footerLeft a{color: #fff;}
#footerLeft a:hover{color: #fff;text-decoration: underline;}
#footerRight{float: right;}
#footerDown{clear: both;margin: auto;text-align: center;padding: 15px 0 0;}
#footerDown a #siteRealisePar,#footerDown a #abergraphique {color:#fff;vertical-align: middle;padding-bottom: 18px;}
#footerDown #siteRealisePar{width: 80px;display: inline-block;}
#footerDown #abergraphique{width: 80px;display: inline-block;}
#footerDown #aberLogo{/*background: url("../images/signatureSprite.png") no-repeat -35px -0px;*/width: 35px;height: 23px;display: inline-block;}
#abSvg{width: 23px;}
.abSign{fill: #fff}
#footerDown a:hover .abSign{fill: #3bbca9}
#footerDown a:hover #aberLogo{background-position:-0px -0px;}
#footerDown a:hover {text-decoration: none;}
/* ---------------------------------------------------------------------- */
/* 06- HOMEPAGE PORTFOLIO CAROUSEL, PORTFOLIO ITEM & BANNER LAYOUT
/* ---------------------------------------------------------------------- */
#homeCenter .clearfix{padding-bottom: 20px;}
.flex-direction-nav {position: absolute;bottom: 50%;width: 100%;}
.flex-direction-nav li a:hover {background-color: #28b1ad !important;}

/* ---------------------------------------------------------------------- */
/* 08-   LISTS
/* ---------------------------------------------------------------------- */
.simple-list-2,
.hentry ul { margin-left: 20px; list-style: disc outside; }

.hentry ol { list-style: decimal outside; margin-left: 20px; }

.simple-list-2 li a:hover { color: #9dcedf; text-decoration: underline; }

ul.center-list { text-align: center; }

ul.center-list li { text-align: center; display: inline; }

ul.center-list li a { text-align: center; padding: 5px 5px; }

ul.center-list li a:hover { text-decoration: underline; }

ul.dotted-list li { border-bottom: 1px dotted #bdbdbd; }

ul.dotted-list li { padding: 0px 0 5px 20px; }

.arrow li,.arrow-2 li,.circle li,.check li,.check-2 li,.star li,.plus li,.dash li { list-style: none; margin: 0; }

ul.dotted-list li { padding: 5px 0 5px 20px; border-bottom: 1px dotted #bdbdbd; }


/* ---------------------------------------------------------------------- */
/* 10-   ALERTS
/* ---------------------------------------------------------------------- */
div.messages.warning, div.messages.error ,div.messages.status, .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info { padding: 0.8em; margin-bottom: 1em;
border: 1px solid #ddd; }

div.messages.error, .simple-error,.simple-alert { background: #fbe3e4; border-color: #fbc2c4; color: #e64135; }

div.messages.warning, .simple-notice { background: #fff6bf; color: #514721; border-color: #ffd324; }

.simple-success, div.messages.status { background: #e6efc2; color: #264409; border-color: #c6d880; }

.simple-info { background: #d5edf8; color: #205791; border-color: #92cae4; }

div.messages.error a, .simple-error a, .simple-alert a { color: #8a1f11; }

div.messages.warning a, .simple-notice a { color: #514721; }

.simple-success a, div.messages.status a { color: #264409; }

.simple-info a { color: #205791; }

.form-item input.form-text.error { color: #e64135; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }

.form-item input.form-text.success { color: #acd373; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }

div.messages.status { background-image: url(../images/shortcodes/icons/success.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

div.messages.error { background-image: url(../images/shortcodes/icons/cancel.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

div.messages.warning { background-image: url(../images/shortcodes/icons/warning.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

/* ---------------------------------------------------------------------- */
/* 11-   CONTACT FORM
/* ---------------------------------------------------------------------- */
#contactForm .error { margin: 5px 0 0 0; display: none; }

#messages .simple-success,
#messages .simple-error { display: none; }

#contactForm form { margin-bottom: 0px; }

#contactForm  fieldset { margin-bottom: 0px; }

#contactForm  label,
#contactForm  legend,
#contactForm  strong { font-weight: bold; font-size: 13px; color: #898989; }

#contactForm input[type="checkbox"] { display: inline; }

#contactForm label span,
#contactForm legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; }

#contactForm input[type="text"],
#contactForm input[type="password"],
#contactForm  input[type="email"],
#contactForm textarea,
#contactForm select {
    border: 1px solid #dddddd;
    padding: 5px 10px;
    outline: none;
    overflow: hidden;
    font: 12px "Helvetica", Arial, sans-serif;
    color: #777;
    box-shadow: inset 0px 2px 4px #f3f3f3;
    -moz-box-shadow: inset 0px 2px 4px #f3f3f3;
    -webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
    width: 278px;
    max-width: 99%;
    display: block;
    margin-bottom: 10px;
    background: #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#contactForm select { padding: 0; }

#contactForm  textarea { width: 598px; height: 200px; resize: vertical; }

#contactForm input[type="text"]:focus,
#contactForm input[type="password"]:focus,
#contactForm  input[type="email"]:focus,
#contactForm  textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; }



/* ---------------------------------------------------------------------- */
/* 14- OTHER FEATURES LAYOUT
/* ---------------------------------------------------------------------- */
.front #banner { padding-top: 30px;}

.not-found-text { text-align: center; font-size: 100px; line-height: 100px; border-bottom: 1pt solid #E1E1E1; margin-bottom: 100px; padding-bottom: 30px; }

.intro-page h2 { text-align: center; }

.intro-page h2 strong { color: #9DCEDF; font-weight: normal; }

.intro-page { margin: 0 0 0px 0; padding: 30px 0 0 0; }

.not-front .intro-page{ padding: 0; border: none; }

.resize img { max-width: 100%; max-height: 100%;  }

video { width: 100%; height: auto; }

ul.team-memebers li { text-align: center; float: left;  margin-right: 20px; }

ul.team-memebers li.last { margin-right: 0px; }

#contact-map {/* margin-left: -40px; width: 1200px;*/ max-height: 100%; margin-bottom: 30px; }

#contact-map iframe { width: 100%; }

img.intro-img { margin-left: -40px;  max-width: 1200px; max-height: 100%;  margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; }

img.team-member { width: 70px; height: 70px;  border-radius: 2px; -moz-border-radius: 2px;  -webkit-border-radius: 2px; box-shadow: 0px 1px 1px #615951;  -moz-box-shadow: 0px 1px 1px #615951;
-webkit-box-shadow: 0px 1px 1px #615951; }

blockquote, q { quotes: none }

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

blockquote { padding: 0px 10px 0px 35px; line-height: 24px; background-image: url(../images/quote.png); background-position: 0% 10%; background-repeat: no-repeat; color: #999999; }

blockquote span { color: #666666; }

.button-holder-2 { float: right; margin-top: 5px; }

pre, code { border: 1px solid #e1e1e1; border-left: 5px solid #e1e1e1; width: 96%; margin-bottom: 20px; padding: 2%; font-size: 11px; display: inline-block; background-color: #f5f5f5; }

.pdf { background: url(../images/shortcodes/icons/small/pdf.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }

.skype-call { background: url(../images/icons/skype.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }

#map { height: 275px; margin: 0px 0 30px -40px; position: relative;  width: 1200px; }

#map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; }

#map:after { bottom: 0; top: auto; }

ul.buttons li { display: list;  margin: 25px 0; }

ul.buttons-huge li { display: list; margin: 45px 0; }

.inner-page-intro { width: 100%; height: auto; float: left; padding: 0px 0; margin-bottom: 30px; border-bottom: 1pt solid #e1e1e1; }

.add-widget { background: url("../images/shortcodes/lists/addlist.png")left center no-repeat; background: url("../images/plus.png") left center no-repeat;
padding: 2px 2px 2px 13px; font-weight: bold; display: block; margin-top: 20px; }

.help { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding: 20px; }

.help p { margin-bottom: 0; }

/* ---------------------------------------------------------------------- */
/* 15- DRUPAL STYLES OVERRIDE
/* ---------------------------------------------------------------------- */

ul.inline li.first { padding-left: 0; }

.hentry ul.inline  { margin-left: 0; }

li a.active { color: #898989; }

/*fieldset*/
#page-wrapper fieldset { padding: 012px; border: 1px solid #d6d6d6; }

#page-wrapper fieldset legend { color: #898989; padding: 0 10px; }

/*tables*/
table {  border-spacing:0;  border:0;   width:100%; margin: 8px 0px;}

table tbody{border-top: 0;}
/*table td,  table th {  border:1px solid #9B9B9B; }*/

table th {  background:#f0f0f0;  color:#333;  font-weight:bold; }

table tr.odd {  background:transparent; }

table tr.even{  background:#fafafa; }

table td, table th{  padding:12px;  /*text-align: center;*/ }
table.tab td{padding:0 12px;}
table.tab td p{margin: 8px 0 !important;}
table.tab tr:nth-child(odd){background: #f6f6f6}
table.tab tr:first-child{background: none}

table.noborder td, table.noborder th, table.noborder tr{ border:none; }

/*primary tabs*/
ul.primary { border-bottom: 1px solid #bbb; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; }

ul.primary li { display: inline; }

ul.primary li a { background-color: #ddd; border-color: #bbb;  border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; /* LTR */ padding: 0.3em 1em 0em;
text-decoration: none; border-radius: 5px 5px 0px 0; -moz-border-radius: 5px 5px 0px 0; -webkit-border-radius: 5px 5px 0px 0; }

ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #fff; }

ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; }

button, input[type="button"], input[type="reset"], input[type="submit"]{padding:5px 5px;}


/* Formulaire de contact */
.webform-client-form label{width: 160px;display: inline-block;}


/* Footer sitemap */
#block-footer-sitemap-footer-sitemap{background-color: transparent;border-bottom: 0px;padding:0 10px 30px 10px;}
#footer-sitemap ul li{float: none;padding-bottom: 15px;padding-top: 15px;}
#footer-sitemap ul li li{height: 18px;}
#footer-sitemap ul li li li{display:none;}

.mean-container .mean-bar, .mean-container .mean-nav ul li a{background: #28b1ad;}
.mean-container .mean-nav ul li a.mean-expand{padding: 13px !important;}

.mean-container .mean-bar {float: none;}
.search-snippet-info .search-info, #search-form #edit-advanced{display: none;}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {    display: block;}

#main-content-inside td{border: 0px solid #ccc;}

input:invalid, textarea:invalid {background-color: #fff !important;}


#main-content-inside button, #main-content-inside input[type="button"], #main-content-inside input[type="reset"], #main-content-inside input[type="submit"] {
    padding: 15px 30px;
    font-size: 1em;
    background-image: none !important;
    background-color: #28b1ad;
    text-shadow: none !important;
    border: 0px !important;
}
#main-content-inside button:hover, #main-content-inside input[type="button"]:hover, #main-content-inside input[type="reset"]:hover, #main-content-inside input[type="submit"]:hover {
    background-color: #0e9aab;
}

span#MenuLabel{color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 35px;
position: absolute;
right: 50px;
left: auto;
}

input.form-text, input.form-text:invalid {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 24px;
    max-width: 100%
  }


.eu-cookie-withdraw-tab{display: none !important;}
#sliding-popup .popup-content #popup-text p {
  font-size: 1.1em;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}
#sliding-popup.sliding-popup-bottom{padding-bottom: 80px;padding-top: 80px;border-top: 1px solid #fff;background:#28b1ad !important }
#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button{
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 5px;
  padding: 0 8px;
  vertical-align: middle;
  color: #fff !important;
  background-image: none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow: none;
  text-shadow: none;
  padding: 15px 15px;
  border-radius: 0px;
  border:1px solid #999;
}
#sliding-popup .eu-cookie-compliance-default-button:hover,
#sliding-popup .eu-cookie-compliance-hide-button:hover,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:hover,
#sliding-popup .eu-cookie-withdraw-button:hover {
  background-color: transparent;
  background-image: none;
  border:1px solid #fff;
}
#sliding-popup .eu-cookie-compliance-secondary-button  {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 5px;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  background-color: #fff;
  border-radius: 0px;
  border: 1px solid #dcdcdc;
  color: #000 !important;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 15px 15px;
  text-decoration: none;
}
.eu-cookie-withdraw-tab{display: none !important;}
#sliding-popup .popup-content #popup-buttons{margin: 10px 0 0 40px;display: inline-block;}
.eu-cookie-compliance-more-button{font-size: 13px;}
@media only screen and (min-width: 580px) and (max-width: 875px) {
#sliding-popup .popup-content #popup-buttons{float: left;max-width: 70%;}
}

#webform-client-form-11 .form-item-submitted-rgpd-OK label{width: auto;display: initial;}

#edit-menu-menu-link-weight legend{display: none;}

.bandeau_mobile{display: none;}
.bandeau_desk{display: flex;}

#ediActusWrp{background: url(../images/fd-etoile.gif) no-repeat 2% 10%,url(../images/bgHomeBtmL.gif) no-repeat 100% 100%;padding: 80px 0;}
#ediActus{max-width: 1200px;margin:  auto;display: flex;flex-wrap: wrap;}
.homeTitle {color: #231f20; font-size: 40px; line-height: 40px; font-weight: bold;text-transform: uppercase;background: url(../images/bgHomeTitle.gif) no-repeat  0% 100%;padding-bottom: 20px;margin-bottom: 45px;}
#edito{flex:1;}
#homeActus{flex:1;padding-left: 50px;}
#photoMaire{float: left;margin-right: 20px;margin-bottom: 20px;margin-top: 4px;}
#edito p{text-align: justify;}


a.actu{padding: 25px 25px;background:linear-gradient(90deg, rgba(59,188,169,1) 0%, rgba(13,152,170,1) 100%);display: block;margin: 5px 0;color:#fff !important;}
a.actu:hover{background:linear-gradient(90deg, rgba(13,152,170,1) 0%, rgba(13,152,170,1) 100%);}
.actuCtnt{    display: block;    overflow: auto;}
.actuPic{width: 110px;height: 85px;margin-right: 20px;border-right: 1px solid #fff;display: inline-table;float:left;padding-right: 15px;}
.actuPic.Alerte{background: url(../images/actusPics/iconMeteo.png) no-repeat}
.actuPic.Environnement{background: url(../images/actusPics/iconEnv.png) no-repeat}
.actuPic.Mairie{background: url(../images/actusPics/iconMairie.png) no-repeat}
.actuPic.Programme{background: url(../images/actusPics/iconDoc.png) no-repeat}
.actuPic.Travaux{background: url(../images/actusPics/iconTrav.png) no-repeat}
.actuPic.Autres{background: url(../images/actusPics/iconAutres.png) no-repeat}
.actuPic.Covid-19{background: url(../images/actusPics/iconeCovid19.png) no-repeat}
.actuPic.Asso{display: none}
.actuTitle{font-size: 24px;font-weight: bold;text-transform: uppercase;padding-top: 0px;line-height: 26px;height: 66px;display: table;}
.actuPic.Asso + .actuTitle{padding-top: 0}
.actuTitle p{margin:0;display: table-cell;vertical-align: middle;overflow: hidden;}
.dateA{font-size: 11px;display: table-caption;}

a .actuTitle{color: #fff !important}
#block-views-actus-block-1 .actu{margin-bottom: 20px;}
a#tla{color:#2f2a23;float: right;margin-top: 5px;font-size: 20px;margin-top: 12px;}
a#tla::before{
  background: url(../images/sprite-plus-edito.jpg);
display: inline-block;
width: 15px;
height: 15px;
content: "";
margin-right: 10px;
top: 1px;
position: relative;
  -moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;}
a#tla:hover::before{
  background-position: 0 -15px;
}

.view-actus{background: url(../images/sprite-plus.png) no-repeat 95% 95%;background-size: }

#agendaHomeWrp{width: 100%;background:linear-gradient(90deg, rgba(59,188,169,1) 0%,rgba(13,152,170,1) 100%);padding:100px 0;}
#agendaHome{max-width:1200px;margin:auto}
#agendaHomeTitle{color: #fff; font-size: 40px; line-height: 40px; font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 30px;}
a#tsEvts{float:right;font-size: 20px;color: #fff;margin-top: 10px;}
a#tsEvts::before{
  background: url(../images/sprite-plus.png);
display: inline-block;
width: 15px;
height: 15px;
content: "";
margin-right: 10px;
  -moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;}
a#tsEvts:hover::before{
  background-position: 0 -15px;
}

.evt{display: flex;flex-wrap: wrap;background: #2CBFBA;}
.evtTxt{color:#fff !important;width: 420px;padding: 10px 10px;}
.evtDatePubli{text-align: right;font-size: 14px;}
.evtDesc{margin-top: 50px;margin-left: 30px;}
.evtD,
.evtT{font-weight: bold;font-size: 28px;line-height: 32px;}
.evtT{margin-top: 15px;margin-bottom: 15px;}
.evtPic {overflow: hidden;}
.evtPic img{max-width: 759px;
  -moz-transition:  all .4s ease-in-out;
-ms-transition:  all .4s ease-in-out;
-o-transition:  all .4s ease-in-out;
transition:  all .4s ease-in-out;}
.evt:hover .evtPic img{transform: scale(1.05);}
#block-views-agenda-block .flex-control-paging li a{
  width: 50px;
  height: 5px;
  background: url("../images/bg_control_nav-2.png") no-repeat;
}
#block-views-agenda-block .flex-control-paging li a.flex-active{background-position: 0 -5px;}
#block-views-agenda-block .flex-control-paging li a:hover{background-position: 0 -10px;}
#block-views-agenda-block h4{color:#fff;}

#block-views-agenda-block-2{margin-top: 50px;}
#block-views-agenda-block-2 .evtPic img { max-width: 460px;display: block;}
#block-views-agenda-block-2 .evtB{display: none;}
#block-views-agenda-block-2 .evtDesc {margin-top: 15px;}
#block-views-agenda-block-2 ul{list-style: none;}
#block-views-agenda-block-2 ul li{margin: 20px 0;}
#block-views-agenda-block-2 .evt{
  -moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;}
#block-views-agenda-block-2 .evt:hover {background: #0e9aab;}

.node-ev-nement .group-right .field-name-field-date{ font-size: 28px; line-height: 28px;color: #00b1ad ;font-weight: bold;margin-bottom: 20px;}
.node-ev-nement .group-left .field-name-field-visuel-actu{margin-right: 20px}
.node-ev-nement .group-footer{padding-top: 25px;}


#slider-container .flex-control-paging li a,
#flexslider-1 .flex-control-paging li a{
  width: 50px;
  height: 5px;
  background: url("../images/bg_control_nav-1.png") no-repeat;
}
#slider-container .flex-control-paging li a.flex-active,
#flexslider-1 .flex-control-paging li a.flex-active{background-position: 0 -5px;}
#slider-container .flex-control-paging li a:hover,
#flexslider-1 .flex-control-paging li a:hover{background-position: 0 -10px;}

#accesWrp{padding: 130px 0;background: url(../images/bgHomeBtmL.gif) no-repeat 0% 100%,url(../images/bgHomeAccesTopR.jpg) no-repeat 100% 0%;}
#acces{max-width: 1200px;margin: auto;}
#accesT{background: url(../images/bgHomeTitle.gif) no-repeat  50% 100%;text-align: center;}
#accesCtnt{display: flex;flex-wrap: wrap}
#accesCtnt a{width: 184px;height: 171px;margin: 20px 20px;background: url(../images/sprite-entries-184x171.jpg)}
#accesCtnt a#bm{background-position: 0 0}
#accesCtnt a#bm:hover{background-position: 0 -171px;}
#accesCtnt a#cr{background-position: -184px 0}
#accesCtnt a#cr:hover{background-position: -184px -171px;}
#accesCtnt a#ht{background-position: -368px 0}
#accesCtnt a#ht:hover{background-position: -368px -171px;}
#accesCtnt a#ni{background-position: -552px 0}
#accesCtnt a#ni:hover{background-position: -552px -171px;}
#accesCtnt a#mc{background-position: -736px 0}
#accesCtnt a#mc:hover{background-position: -736px -171px;}



#footer1 {clear:both;background:#fff;}
.not-front #page-wrapper {padding-bottom: 80px;}
#footer1Content {margin: auto; display: flex;}
#footer1Left {background:linear-gradient(90deg, rgba(59,188,169,1) 0%,rgba(13,152,170,1) 100%);padding:60px 50px 0 0;}
#footer1LeftUp,
#footer1LeftDwn{float: right;display: flex;flex-wrap: wrap;}
#footer1LeftUp{margin-bottom: 50px;}
#footer1LeftDwn{clear: both;}
#footer1LeftLogo {margin-right: 40px;margin-top: 20px;}
#footer1LeftLocation {color: #fff;text-transform: uppercase;font-size: 18px;}
#footer1Leftup{margin-right: 150px;text-align: center;}
#footer1Left, #footer1Right {width: 50%;}
#ggmap iframe {height: 420px; display: block;}

#telRsH {
    float: right;
    display: flex;
    flex-wrap: wrap;
    margin-right: 14px;
}

.rs{margin-right: 25px;}
.rs .fb,
.rs .twt,
.rs .ig{display: inline-block;width:91px;height: 18px;background:url(../images/spriteSocialIcon.gif);}
.rs .fb:hover{background-position: 0 -18px;}
.rs .twt{background-position: -18px 0}
.rs .twt:hover{background-position: -18px 18px;}
.rs .ig{background-position: -36px 0}
.rs .ig:hover{background-position: -36px 18px;}

#footer1 .rs {
    margin-right: 0;
    justify-content: center;
    margin-top: 10px;
}

#contactH,
#contactF{padding: 13px 30px 13px 50px;text-transform: uppercase;font-size: 18px;position: relative;
  -moz-transition:  all .2s ease-in-out;
  -ms-transition:  all .2s ease-in-out;
  -o-transition:  all .2s ease-in-out;
  transition:  all .2s ease-in-out;}
#contactH::before,
#contactF::before{
  background: url(../images/icone-mail.png);
position: absolute;
width: 20px;
height: 16px;
content: "";
left: 18px;
top: 16px;
}
#contactF::before{background: url(../images/spriteMail.png);-moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;}
#contactF:hover::before{background-position: 0 -16px;}
#contactH{background:#28B1AD;color: #fff !important;}
#contactH:hover{background:#0e9aab;}
#contactF{background:#fff;color:#28B1AD !important;margin-right: 140px; }
#contactF:hover{background:#0e9aab;color:#fff !important;}
#footer1LeftLogo a{width: 179px;height: 118px;background: url(../images/logoF.png); display:block;}

.flex-direction-nav, ul.slides{list-style: none !important;margin-left: 0 !important}

#banner{width: 100%;height: 344px;background: url(../images/banners/banner01.jpg) no-repeat 50% 50%;margin-top: 140px;}
.bandeau_desk {margin-top: 140px;}

#backtotop{z-index: 9}
#block-text-resize-0 .content{display: flex;justify-content: flex-end;}

.loc{display: block;padding: 10px 20px 5px 10px;background:#28b1ad;color: #fff !important;overflow: auto;margin: 5px 5px;
  -moz-transition:  all .2s ease-in-out;
  -ms-transition:  all .2s ease-in-out;
  -o-transition:  all .2s ease-in-out;
  transition:  all .2s ease-in-out;}
.loc:hover{background:#218f9e }
.locPic{float: left;margin-right: 10px;}
a .locTeas{color: #fff !important}
.view-locations .view-content{display: flex;flex-wrap: wrap;}
.view-locations .views-row{flex:0 50%}
.lieuDit{text-align: right;}
.locT{font-size: 22px;font-weight: bold;text-transform: uppercase;padding: 10px 0;}
.view-locations .views-exposed-form{background:#28b1ad;color:#ffff; padding: 40px 40px;margin: 40px 0 40px}
.view-locations .fieldset-legend a,
.view-locations .fieldset-wrapper a{color:#ffff;}
.view-locations .fieldset-legend a{font-weight: bold;}
.view-locations fieldset{border: 0 !important}
.bef-slider.ui-slider-horizontal {margin-top: 8px;}

.field-name-field-lieu-dit .field-label,
.field-name-field-nombre-de-personnes-max .field-label{
	font-size: 22px;
	color: #00b1ad;
	text-transform: uppercase;
}
.field-name-field-lieu-dit{margin-bottom: 10px;}
.field-name-field-nombre-de-personnes-max{margin-bottom: 25px;}


/*Calendar */
.view .date-nav-wrapper .date-nav {
  margin-bottom: 0;
  padding-bottom: 0;
}
.view .date-nav-wrapper .date-prev {    margin-left: 0;}
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next {
    background: none repeat scroll 0 0 #00b1ad;
  }
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a{color:#fff;}

.view .date-nav-wrapper .date-next a {margin-left: 10px;}
.view .date-nav-wrapper .date-prev a {margin-right: 10px;}

.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .day-view .full td.multi-day div.dayview,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .continues,
.calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff {
    background: #00b1ad;
  }
.calendar-calendar a{color: #fff !important;font-size: 14px;}
.calendar-calendar .month-view .full td.single-day .inner div a{color: #00b1ad !important }
.calendar-calendar .month-view .full td.today .inner div.day{font-weight: bold;font-size: 120%;}
.calendar-calendar .month-view .full tr.date-box{border-top: 1px solid #ccc;}
/**********/



/* ---------------------------------------------------------------------- */
/* SHARE
/* ---------------------------------------------------------------------- */
.shareContent {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 10px;
}
  .shareContent p {
    font-size: 18px;
    line-height: 22px;
  }
  .shareContent ul {
    display: flex;
    padding: 15px 0 0 10px;
    margin: 0;
  }
.shareContent ul li {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-left: 10px;
  list-style: none;
  transition: background 0.3s ease-in-out;
}
.shareContent ul li.labelS {width: auto;line-height: 40px;}
.shareContent ul li.shareFB {border: 1px solid #3a549e;}
#footer1LeftDwn .shareContent ul li.shareFB {  border: 1px solid #fff;}
.shareContent ul li.shareTwitter {border: 1px solid #4fabef;}
#footer1LeftDwn .shareContent ul li.shareTwitter {border: 1px solid #fff;}
.shareContent ul li.shareMail {
  border: 1px solid #ec651c;
}
.shareContent ul li.shareYT {
  border: 1px solid #fff;
}
.shareContent ul li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shareContent ul li a svg {
  display: block;
}
.shareContent ul li.shareFB a svg {
  height: 18px;
  width: auto;
}
.shareContent ul li.shareFB a svg path {
  fill: #3a549e;
  transition: fill 0.3s ease-in-out;
}
#footer1LeftDwn .shareContent ul li.shareFB a svg path {fill: #fff;}
.shareContent ul li.shareTwitter a svg {
  height: 14px;
  width: auto;
}
.shareContent ul li.shareTwitter a svg path {
  fill: #4fabef;
  transition: fill 0.3s ease-in-out;
}
#footer1LeftDwn .shareContent ul li.shareTwitter a svg path {fill: #fff;}
.shareContent ul li.shareMail a svg {
  height: 12px;
  width: auto;
}
.shareContent ul li.shareMail a svg path {
  fill: #ec651c;
  transition: fill 0.3s ease-in-out;
}
.shareContent ul li.shareYT a svg {
  height: 34px;
  width: auto;
}
.shareContent ul li.shareYT a svg path {
  fill: #3a549e;
  transition: fill 0.3s ease-in-out;
}


/* Hover */
.shareContent ul li.shareFB:hover {
  background: #3a549e;
}
.shareContent ul li.shareFB:hover svg path {
  fill: #ffffff;
}
.shareContent ul li.shareTwitter:hover {
  background: #4fabef;
}
.shareContent ul li.shareTwitter:hover svg path {
  fill: #ffffff;
}
.shareContent ul li.shareMail:hover {
  background: #ec651c;
}
.shareContent ul li.shareMail:hover svg path {
  fill: #ffffff;
}

.page-node-51 .field-name-sharecontent,
.page-node-23 .field-name-sharecontent,
.page-node-22 .field-name-sharecontent,
.page-node-12 .field-name-sharecontent,
.page-node-13 .field-name-sharecontent,
.page-node-144 .field-name-sharecontent{display: none;}

.field-name-body{overflow: auto;}


a.btn{display: inline-block;padding: 10px 15px;background: #28b1ad;color: #fff;text-decoration: none !important;
  -moz-transition:  all .2s ease-in-out;
-ms-transition:  all .2s ease-in-out;
-o-transition:  all .2s ease-in-out;
transition:  all .2s ease-in-out;}
a.btn:hover{background: #fff;color: #0e9aab;}


.addLabel{margin-left: 20px;}
#views-exposed-form-locations-block .views-exposed-form label {margin-bottom: 20px;font-size: 22px;}
#views-exposed-form-locations-block fieldset.collapsed .fieldset-legend,
#views-exposed-form-locations-block fieldset.collapsible .fieldset-legend{background-image: none !important;background:#fff;padding: 10px 15px;}
.view-locations .fieldset-legend a{color:#28b1ad }


#slider-container{margin-top: 140px;}
.page-node-27 table{margin: 0}

#block-menu-block-2{margin-top: 30px;}
#block-menu-block-2 ul{display: flex;flex-wrap: wrap;}
#block-menu-block-2 ul li{flex-grow: 1;flex-basis: 20%;margin: 0;padding: 10px 20px;background: #28b1ad;margin: 3px 3px;
background: linear-gradient(to right, #28b1ad 50%, #0e9aab 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-size: 200% 100%;
background-position: left bottom;
transition: all 0.6s ease-in-out !important;
}
#block-menu-block-2 ul li:hover{background-position: right bottom;}
#block-menu-block-2 ul li a {display:block;color: #fff !important;font-weight: bold;  margin: 3px 3px;height: 100%}
#block-menu-block-2 ul li.leaf {list-style-image: none;list-style-type: none;}


.region-sidebar-first {height: 100%;}
#block-menu-block-1.fixed  {position:fixed;width:220px;top:115px;transform: translateX(0%);}
#block-menu-block-1.fixed+#content {margin-top:80px;}
#block-menu-block-1.fixedBottom {vertical-align: bottom;position: absolute;display: inline-block;bottom: 0;width: 220px;}