/**
 * @file
 * Use this CSS file to override theme CSS rules
 *
 *          ^ ^
 *          >o<
 * Tiikeri theme customization 
 */


/* Basic elements and typography */

html {
    font-size:100%;
}

body {
    background-image: url("/themes/contrib/startupgrowth_lite/images/background.jpg");
}

a {
    color: #00886eff;
}
a:hover, a:focus {
    color: #00c49fff;
}

h1, h2, h3, h4, h5, h6{
    text-transform: inherit;
  font-weight:bold;
}

.hff-10 h1, .hff-10 h2, .hff-10 h3, .hff-10 h4, .hff-10 h5, .hff-10 h6, 
.hff-10 .title-teaser-text .title, .sff-10 .site-name, .slff-10 .site-slogan,
.hff-05 h1, .hff-05 h2, .hff-05 h3, .hff-05 h4, .hff-05 h5, .hff-05 h6, 
.hff-05 .title-teaser-text .title, .sff-05 .site-name, .slff-05 .site-slogan,
body.pff-05{
  font-family: "Oxygen", sans-serif;
}

.fontyourface h1, .fontyourface h2, .fontyourface h3,
.fontyourface h4, .fontyourface h5, .fontyourface h6{
  font-weight:900;
}

input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file,
input.form-number, input.form-color, textarea.form-textarea, textarea, select.form-select, select{
    font-size:14px;
}


/* Header Top with secondary menu */ 

.fa-facebook-f::before, .fa-facebook::before, .fa-youtube::before, .fa-language::before, 
.fa-comment::before {
  font-family: 'FontAwesome';
}

.header-top {
    background-color: #4885C6;
}

.region.region-header-top {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.region.region-header-top a:link, .region.region-header-top a:visited, .region.region-header-top a:active, .region.region-header-top i {
    color: #FFFFFF;
}

.region.region-header-top a:hover, .region.region-header-top i:hover {
    color: #60BD9E;
}

#secondary-menu #block-secondarymenu-menu {
    display: none;
}

.region.region-header-top .block {
    padding: 0;
}

.header-container .header-top ul.menu li a:hover, .header-container .header-top nav > ul.menu > li.menu-item--active-trail > a:hover {
    color: #60BD9E;
}

.header-container ul.menu li a:hover, .header-container nav > ul.menu > li.menu-item--active-trail > a:hover {
    border-bottom: 2px solid #FFFFFF;
}

.header-container ul.menu li li a:link{
    color:#3f3f3f;
}

.header-container ul.menu li li a:hover {
    color: #5bbd9c;
    background: rgba(243, 243, 243, 0.95);
}

.header-container nav>ul.menu>li.menu-item--active-trail>a {
  border-bottom: 2px solid #ffffff;
}

.header-container nav>ul.menu>li.menu-item--active-trail>a:hover {
  border-bottom: 2px solid #ffffff;
}

.header-container .sf-menu>li.menu-item--active-trail>a {
  border-bottom: 2px solid #ffffff;
}
.header-container .sf-menu>li>a:hover,
.header-container .sf-menu>li.sfHover>a {
  border-bottom: 2px solid #ffffff;
}

.header-container  #superfish-main {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.header-container ul.menu.sf-menu.sf-main.sf-horizontal li a{
  font-size:20px;
}

.header-container ul.menu.sf-menu.sf-main.sf-horizontal li a.sf-depth-2{
  font-size:16px;
}

/* Social menu */

#social-menu ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#social-menu ul li{
    padding: 10px;
    color:#FFFFFF;
}
#social-menu ul li a:hover {
    color: #00c49fff;
    text-decoration:none;
    border-bottom: 2px solid #FFFFFF;
}

#language-menu:hover {
    color: #00c49f;
}

ul li#language-menu ul#language-submenu{
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    display : none;
    margin-left: 5px;
}

ul li#language-menu:hover > ul#language-submenu, ul li#language-menu ul#language-submenu:hover {
    visibility: visible;
    opacity: 1;
    display: inline-block;
    position: relative;
    background: #4885C6;
}

ul li#language-menu:hover ul#language-submenu li {
    clear: both;
    display: inline;
}

ul#language-submenu {
    padding-left:0;
}

ul#language-submenu li{
    padding:10px 0px;
}

/* EOF Social Menu */

.header-container #block-startupgrowth-lite-account-menu ul.menu{
    padding:5px 5px;
}

#block-cart-4 .cart--cart-block {
    padding-top: 4px;
}

a.cart-block--link__expand:hover{
    text-decoration:none;
    border-bottom: 2px solid #FFFFFF;
}
    

/* EOF Header Top region */


/* Header Logo Menu */

/* Branding */
#block-startupgrowth-lite-branding {
    margin: 0;
    padding: 0;
}

.logo-and-site-name-wrapper.clearfix {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.site-name.site-branding__name {
    font-size: 28px;
    align-self: center;
    font-weight: 900;
    color: #5BBD9C;
}

.site-branding__name a{
    color: #5BBD9C;
}
.site-branding__name:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* EOF Branding */

/* Main menu */

.header-inside, .header-inside-second {
    padding: 0;
}
.header-container ul.menu{
    padding: 10px 0 7px 0;
    text-align: center;
}
.header-container ul.menu li a{
    color:#FFFFFF;
}

header#header{
    background-color: #5BBD9C;
    border-bottom: 5px solid #00886e;
}

.region-header .menu--main ul.menu li > a:hover::before {
    color: #FFF;
}

.header-container .header-area ul.menu li a {
    text-transform: none;
    font-weight: 100;
}

.header-container ul.menu li a:link, .header-container ul.menu li a:visited,
.header-container ul.menu li a:hover, .header-container nav > ul.menu > li.menu-item--active-trail > a:hover {
    color: #FFF;
}

.header-container ul.menu li a:visited{
    border-color:#FFF;
}

.menu--main ul.menu li a:hover, .menu--main nav > ul.menu > li.menu-item--active-trail > a:hover {
    color: #FFF;
}
.header-container nav > ul.menu > li.menu-item--active-trail > a {
    border-bottom: 2px solid #FFF;
}

.header-container ul.sf-menu > li > a.menuparent::after{
    font-family: "FontAwesome";
    font-weight: 900;
    color: #ffffff;
}

.header-container ul.sf-menu .sf-sub-indicator{
    visibility:hidden;
}

/* Menu background color */

.header-container ul.menu li a:hover {
  background-color: transparent;
}

.header-container .sf-menu ul li a {
  background: rgba(243, 243, 243, 0.95);
  border-bottom: 0;
}
.header-container .sf-menu ul li a:hover,
.header-container .sf-menu ul li.sfHover>a {
  background: rgba(243, 243, 243, 0.95);
  border-bottom: 0;
}

/* Superfish accordion mobile menu */

.region-header .block-superfish.block-superfishmain{
    min-height: 35px;
}

.header-container .sf-accordion-toggle.sf-style-none a::after{
    font-family: "FontAwesome";
    font-weight: 900;
    color: #ffffff;
}

.header-container ul.sf-menu.menu ul {
    margin-left: 5px;
    width: 96% !important;
}

ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul{
    
}

.header-container ul.menu.sf-accordion li a{
    color: #3f3f3f;
}

.header-container ul.menu.sf-accordion li a:hover {
    color: #5bbd9c;
    background: rgba(243, 243, 243, 0.95);
}

.header-container ul.sf-menu.sf-accordion .sf-sub-indicator {
    opacity: 0.85;
    right: 20px;
    top: 45%;
    width: 15px;
    height: 15px;
}

.header-container ul.sf-menu.sf-accordion .sf-sub-indicator::after{
    content: "+";
    visibility: visible;
    padding-left: 0;
}

.header-container ul.menu.sf-accordion{
    color: #3f3f3f;
}

/* Fixed header */

.header.fixed-width .onscroll .header-container .content > ul.menu {
    padding-top: 10px;
}


/* Breadcrumbs */

.breadcrumb li:nth-child(1) a::after {
    content: "\f015";
    font-family: "FontAwesome";
    font-weight: 900;
}
.fa-angle-right::before {
    font-family: "FontAwesome";
    font-weight: 900;
}

.breadcrumb li:nth-child(2) .breadcrumb-separator{
    display:inline-block;
}

/* Messages */

.messages--status::before,
.messages--warning::before,
.messages--error::before {
    font-family: "FontAwesome";
    font-weight: 900;
}    

/* user menu */

.block-views-blockmenu-participant-block-1 ul{
    list-style:none;
}

.block-views-blockmenu-participant-block-1 ul >li {
    display:inline-block;
    margin: 0 10px;
}

/* General Elements */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #00886eff;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #00c49fff;
}

li.pager__item.is-active a, li.pager__item.is-active:last-child a {
    border-color: #60BD9E;
    color: #60BD9E;
}

li.pager__item > a:hover {
    border-bottom-color: #3f3f3f;
    color:#00c49fff;
}

/* Home */

/* Banner */

#block-fullwidthimage, #block-fullwidthimage-2, #block-fullwidthimageen {
    height: 360px;
    background-image: url('../../images/accueil1.jpg');
    background-position-x: center;
    background-size: cover;
    background-attachment: fixed;
}

.image-over-text {
    position: relative;
    top: 60px;
    width: 100%;
    text-align: center;
    max-width: 1048px;
    margin: auto;
}
.image-over-text h2 {
    color: #ffffff;
    font-size: 3rem;
    text-transform: inherit;
    margin-bottom: 25px;
}

.image-over-text a, .image-over-text a:visited {
    font-size: 1rem;
    display: inline-table;
    margin-bottom: 20px;
    -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;
    position: relative;
    z-index: 1;
}

.btn-chgt-secondary, .btn-chgt-secondary:visited {
    text-align: center;
    background-color: none;
    border: solid 1px #ffffff;
    padding: 15px 50px;
    color: #ffffff;
    font-size: 1rem;
}

.btn-chgt, .btn-chgt:visited {
    text-align: center;
    background-color: #60BD9E;
    padding: 15px 50px;
    color: #ffffff;
    font-size: 1rem;
    border: solid 1px #60BD9E;
}

.btn-chgt-secondary:hover {
    background-color: #ffffff;
    color: #00886eff;
}
.btn-chgt:hover {
    border: solid 1px #00886eff;
    background-color: #00886eff;
    color: #ffffff;
}

.mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
}
.ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
}

#block-startupgrowth-lite-content h2.home-title {
    color: #60BD9E;
    font-size: 3rem;
}

/* Testimonials */

#block-views-block-temoignagesblock-block-1 h2 {
    font-size: 3rem;
    text-align: left;
    color: #60BD9E;
    padding-bottom:20px;
}
#block-views-block-temoignagesblock-block-1 .views-field-nothing .field-content {
    font-style: italic;
    padding-bottom:15px;
}
#block-views-block-temoignagesblock-block-1 .views-field-nothing .field-content::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content:"\f10d";
    font-size: 30px;
    position:relative;
    right:15px;
    bottom:15px;
    font-style:normal;
}
    
#block-views-block-temoignagesblock-block-1 .views-field-field-author .field-content {
    font-weight: bold;
    text-align: right;
    border-bottom: 2px solid;
    float: right;
    padding-top:15px;
}

/* Activities */

.featured-content-first.cht-colored {
    background-color: #5bbd9c;
    padding: 30px 0 50px;
}

#block-homepagenotreactivite h2, #block-homepagenotreactiviteen h2, #block-homepagenotreactivitede h2{
    font-size: 3rem;
    color: #ffffff;
}

#block-homepagenotreactivite .activity-box, #block-homepagenotreactiviteen .activity-box, #block-homepagenotreactivitede .activity-box{
    background-color: #ffffff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#block-homepagenotreactivite .activity-box a:hover, #block-homepagenotreactiviteen .activity-box a:hover, #block-homepagenotreactivitede .activity-box a:hover{
    background-color: #404C9B;
}

#block-homepagenotreactivite .activity-box a, #block-homepagenotreactiviteen .activity-box a, #block-homepagenotreactivitede .activity-box a {
    text-align: center;
    background-color: #4885C6;
    padding: 15px 50px;
    width: 220px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 1rem;
    position: relative;
    bottom: -30px;
    border: 1px solid #4885C6;
    -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;
    position: relative;
    z-index: 1;
}

#block-homepagenotreactivite .activity-box h3, #block-homepagenotreactiviteen .activity-box h3, #block-homepagenotreactivitede .activity-box h3 {
    color: #60BD9E;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

#block-homepagenotreactivite .row.mt-5, #block-homepagenotreactiviteen .row.mt-5, #block-homepagenotreactivitede .row.mt-5 {
    margin-top: 50px;
}
#block-homepagenotreactivite .activity-box.activity-bottom, #block-homepagenotreactiviteen .activity-box.activity-bottom,
#block-homepagenotreactivitede .activity-box.activity-bottom{
    padding:0 15px;
}

#block-homepagenotreactivite .activity-box.activity-bottom h3, #block-homepagenotreactiviteen .activity-box.activity-bottom h3, 
#block-homepagenotreactivitede .activity-box.activity-bottom h3{
    margin-bottom:0;
}

/* News */


.row.list-unstyled ul {
    list-style: none;
    padding: 0;
}

.featured-content-second {
    padding: 30px 0;
}

.block-views-block3-derniers-events-block-1 h2.title,
.block-views-blockactualites-block-1 h2.title{
    text-align: center;
    font-size: 3rem;
    margin: 2.5rem 0;
}

.views-field-title a{
    color: #00886e;
  font-size: 24px;
}
.views-field-title a:hover{
    color: #5bbd9c;
}

.more-link {
    text-align: center;
}

.more-link a {
    display:inline-block;
    text-align: center;
    text-transform: none;
    background-color: #60BD9E;
    padding: 15px 50px;
    color: white;
    font-size: 1rem;
    border: 1px solid #60BD9E;
    -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;
    position: relative;
    z-index: 1;
}

.more-link a:hover {
    background-color: #00886eff;
    text-decoration: none;
}

.more-link a::after, .view-promoted-items--style-2 .views-row .more-link a::after{
    font-family: "FontAwesome";
    font-weight: 900;
}

/* Partners */

.light-colored-region {
    background-color: #5bbd9c;
}
.light-colored-region.highlighted::after {
    border-top-color: #5bbd9c;
}

/* Parallax */

.parallax-active .highlighted-bottom {
    background-image: url("../../images/homepage-contact.jpg");
    text-align: center;
    color: #ffffff;
}
.parallax-active .colored-region.black .highlighted-bottom-transparent-bg, .video-bg-active .colored-region.black .highlighted-bottom-transparent-bg{
    background-color:transparent;
}

.highlighted-bottom .block-block-content .fas.fa-comment {
    font-size: 30px;
}

.highlighted-bottom .block-block-content h2{
    font-size: 3rem;
    color: #ffffff;
}

.highlighted-bottom .block-block-content a{
    background-color: #60BD9E;
    padding: 13px;
    color: #ffffff;
    display: inline-block;
    width: 200px;
    border: 1px solid #60BD9E;
    -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;
    position: relative;
    z-index: 1;
}

.highlighted-bottom .block-block-content a:hover{
    background-color: #00886eff;
}

.colored-region.black a:hover {
    color: #ffffff;
}

/* Footer top | Address */

#footer-top.footer-top.light-gray-region{
    background-color: transparent;
    border-top: 5px solid #00886e;
}

.print-only{
    display:none;
}

/* Newsletter*/

.inf-input.inf-input-text {
    margin: 2px 0;
    padding: 2px 0;
}

a.button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #404C9B;
    text-transform:none;
}
a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
    background-color: #4885c6;
}

/* Footer menu  Superfish blue */

.region-featured-bottom #block-footer{
    padding-bottom:0;
}
.region-featured-bottom #block-footer ul.menu{
    display: flex;
    justify-content: center;
}

.subfooter.colored-region{
    background-color:#4885c6;
}

.region-featured-bottom ul.menu li a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #00c49fff;
}

#footer-block .row{
    margin-right: 0;
    margin-left: 0;
}

#footer-block .row .col-sm-12{
    font-size: 0.9rem;
    font-weight: 900;
}

.colored-region .subfooter-area ul.menu li a{
  font-size: 1.2rem;
  text-transform: none;
  color: #ffffff;
  padding: 0 12px 5px 12px;
  border-right:0;
  margin:0 10px;
}

.subfooter-area ul.sf-menu .sf-sub-indicator::after {
    content: "\f106";
    font-family: "FontAwesome";
    font-weight: 900;
	left: 8px;
	font-size: 12px;
}

.subfooter-area ul.sf-menu>li.sfHover>a.menuparent .sf-sub-indicator::after {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right:0;
}

.subfooter-area ul.sf-menu .sf-sub-indicator {
    opacity: 0.85;
    right: 0;
    top: 50%;
    width: 15px;
    height: 15px;
}

.colored-region .subfooter-area ul.menu li ul li a {
    background-color: rgba(243, 243, 243, 0.95);
    padding: 9px 23px 10px;
    display: block;
    margin: 0 0 1px 0;
    border-bottom: none;
    color: #404c9b;
}

.colored-region .subfooter-area ul.menu li ul li a:hover {
    color: #4885c6;
    background-color: rgba(243, 243, 243, 0.95) !important;
}

.colored-region:not(.black) .subfooter-area ul.menu li ul li a:hover {
    color: #4885c6;
}

.subfooter ul.menu.sf-accordion{
    background: #e5e5e5;
}

.subfooter ul.menu li a:hover, .subfooter nav > ul.menu > li.menu-item--active-trail > a:hover {
    border-bottom: 2px solid #FFFFFF;
}

.subfooter .sf-accordion-toggle.sf-style-none span {
    display: none;
}

.subfooter .sf-accordion-toggle.sf-style-none a{
    text-decoration:none;
}

.subfooter .sf-accordion-toggle.sf-style-none a::after {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}
.subfooter .sf-accordion-toggle.sf-style-none a::before {
    content: "MENU";
    font-weight: 900;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}

.subfooter.colored-region:not(.black) .subfooter-area ul.menu.sf-accordion li a {
    color: #404c9b;
    border-bottom: 1px solid #ddd;
    text-transform: none;
    margin: 0;
    padding: 15px 30px;
    background-color: transparent;
}

.subfooter.colored-region:not(.black) .subfooter-area ul.menu.sf-accordion li a:hover{
    color: #4885c6;
    background: rgba(243, 243, 243, 0.95);
}

.subfooter ul.sf-menu.sf-accordion .sf-sub-indicator::after {
    content: "+";
    visibility: visible;
    padding-left: 0;
}

.subfooter-area ul.sf-menu.sf-accordion li{
    padding:0;
}

/* Credits */

.fcred {
    text-align: center;
    margin: 10px 0;
    padding: 10px 0;
    color:#ffffff;
    font-weight:900;
    font-size: 0.9rem;
}

/* banner cookies */

.agree-button.eu-cookie-compliance-secondary-button {
    padding: 5px 7px;
    margin-right: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
}
.agree-button.eu-cookie-compliance-secondary-button:hover{
    color: #000;
    moz-box-shadow: inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
    box-shadow: inset 0 1px 0 0 #ffffff;
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
    background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
}

.eu-cookie-withdraw-tab {
    font-size: 16px;
    font-weight: normal;
    background-color:#000;
    box-shadow: inset 0 0 0 0 #ffffff;
}
.eu-cookie-withdraw-tab:hover{
    background-color:#000;
    background-image: initial;
}
div#sliding-popup {
    background-color:#000;
    padding: 10px 0;
}

.eu-cookie-compliance-banner button{
    box-shadow: inset 0 0 0 0 #ffffff;
}

/* Buttons */

a.btn-chgt.ml-sm-3:before,
a.btn-chgt-secondary.mr-sm-3:before,
#block-homepageabout a:before, #block-accueilapropos a:before, #block-accueilaproposen a:before, #block-mainpagecontent > article a:before,
#block-homepagenotreactivite .activity-box a:before, #block-homepagenotreactiviteen .activity-box a:before,
#block-homepagenouscontacter a:before{    
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
    border-radius: 3px;
    -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.btn-chgt.ml-sm-3:hover::before,
a.btn-chgt-secondary.mr-sm-3:hover::before,
#block-homepageabout a:hover::before, #block-accueilapropos a:hover::before,
#block-accueilaproposen a:hover::before, #block-mainpagecontent > article a:hover::before,
#block-homepagenotreactivite .activity-box a:hover::before, #block-homepagenotreactiviteen .activity-box a:hover::before,
#block-homepagenouscontacter a:hover::before{
    transform: scaleX(1);
}

/* Table Formations */

.row.table-formations {
    text-align: center;
    font-size: 14px;
}

.table-formations h4{
    margin-top:10px;
}

.at-blue-text {
    color: #404c9b;
    border: 1px solid #404c9b;
    border-radius: 15px;
}
.at-blue-text .row {
    padding: 35px 0;
    border-top: 1px solid;
}

.title-blue-bg {
    background: #4473c5;
    border: 2px inset #2b5191;
    border-radius: 10px;
    color: #fff;
}
.inner-row-fco p,
.inner-row-at p{
    padding-bottom:5px;
}

.fco-light-blue {
    background: #dae3f4;
    border-radius: 40px;
    margin: 2px 0;
}

.fco-light-blue .inner-row-fco {
    border-bottom: 1px solid #a2b69a;
    padding-top: 5px;
}

.fco-light-blue .inner-row-fco:last-child{
    border-bottom:0;
}

.fco-dark-blue{
    background: #8fabdd;
    border-radius: 40px;
    margin: 2px 0;
    color:#fff;
}
.fco-dark-blue .inner-row-fco {
    border-bottom: 1px solid #fff;
    padding-top: 5px;
}
.fco-dark-blue .inner-row-fco:last-child{
    border-bottom:0;
}

.title-green-bg{
    background: #a8d18d;
    border: 2px inset #578030;
    border-radius: 10px;
    color: #fff;
}
.at-2, .at-3, .at-4{
    color: #FFF;
}
.at-1{
    background: #e2f0d9;
    border-radius: 40px;
    margin: 2px 0;
}
.at-2{
    background: #a8d18d;
    border-radius: 40px;
    margin: 2px 0;
}
.at-3{
    background: #00c4a0;
    border-radius: 40px;
    margin: 2px 0;
}
.at-4{
    background: #00886c;
    border-radius: 40px;
    margin: 2px 0;
}
.inner-row-at{
    border-bottom: 1px solid #fff;
    padding-top: 5px;
}
.inner-row-at:last-child{
    border-bottom: 0;
}

.region-content .view .item-list ul li span {
    font-size: 15px;
    font-style: normal;
}

/* Table user total training hours */

tfoot tr.total-rows {
    background: #555;
    color: #FFF;
    font-weight: bold;
}


/* Formations en Organisations */

.view-formation .view-header .cart--cart-block {
    display: block;
    float: right;
    background: #4885c6;
    padding: 4px 20px 6px;
}

.view-formation .view-header .cart--cart-block .cart-block--contents.cart-block--contents__expanded{
    width:286px;
    right:0;
}

.view-formation .view-header .cart--cart-block .cart-block--contents a {
    color: #FFF;
    background: #4885c6;
    padding: 8px 20px;
    border-radius: 3px;
}

.view-formation .view-header .cart--cart-block .cart-block--contents a:hover{
    background:#404C9B;
}

.view-formation .view-header  .cart-block--summary__count {
    color: #FFF;
}

#views-exposed-form-cours-de-formation-page-1 {
    clear: both;
}

.view-formation #block-formulaireexposecours-de-formationpage-1{
    clear:both;
}

.view-formation #views-exposed-form-cours-de-formation-page-1 fieldset{
    background: transparent;
}

.item-list-formation ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

.view-formation #vbo-action-form-wrapper{
    display:flex;
    margin:20px 15px;
}
.view-formation #vbo-action-form-wrapper > * {
    flex: content;
}

.view-formation .form-item label.option{
    position:relative;
    top:-3px;
    font-size:17px;
    font-weight:normal;
}

.view-formation .add-to-cart-info {
    float: left;
}

.view-formation fieldset.fieldgroup legend{
    background: transparent;
    border: 0;
    font-weight: bold;
}

.view-formation .bef-exposed-form .form--inline > .form-item{
    float:none;
    display:inline-block;
    margin-right: 15px;
}

.view-formation .js-form-item.form-item.js-form-type-select.form-item-items-per-page.js-form-item-items-per-page{
    float:right;
    padding-top:10px;
}

.view-formation .views-form {
    clear: both;
    padding-top: 15px;
    border-top: 3px solid #4885c6;
}

.view-formation .view-content {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

/*.view-formation .view-content::before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 6px;
    left: 180px;
    margin-left: 0;
    border-radius: 10px;
    background-color:#404C9B;
}

.view-formation .view-content::before {
    background: -moz-linear-gradient(top, rgba(56, 28, 87, 1) 0%, rgba(56, 28, 87, 0.5) 80%, rgba(56, 28, 87, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(56, 28, 87, 1) 0%,rgba(56, 28, 87, 0.5) 80%,rgba(56, 28, 87, 0) 100%);
    background: linear-gradient(to bottom, rgba(56, 28, 87, 1) 0%,rgba(56, 28, 87, 0.5) 80%,rgba(56, 28, 87, 0) 100%);
}*/

.view-formation .view-content .view-grouping .view-grouping-content h3 {
    margin-bottom: 20px;
}

.view-formation .view-content .view-grouping .view-grouping-content h3::before {
    color: #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left:4px;
    margin-left: 0;
    background-color: #FFF;
    z-index: 100;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color:#00c49f;
    content: " ";
}

.view-formation .view-grouping {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -15px;
}
.view-formation .view-grouping:first-of-type {
    margin-top: 0;
}

.view-formation .view-grouping .view-grouping-header {
    padding: 0 30px 0 15px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    font-weight: bold;
    font-size: 40px;
    line-height: 1.1;
    width: 100%;
    min-height: 1px;
    text-align: right;
}

.view-formation .view-grouping-header .sticky-group {
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
}

.view-formation .view-grouping .view-grouping-content {
    width: 100%;
    max-width: none;
    padding: 0 15px 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    position:relative;
}

.view-formation .view-grouping-content .views-row {
    margin-bottom: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    position: relative;
}
.top_legends {
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    display: flex;
    margin-bottom: 25px;
}
.top_legends li {
    display: inline-block;
}
.analyse_ran {
    border-top: 5px solid yellow;
    border-bottom: 5px solid yellow;
}
.formation_cons_org {
    border-top: 5px solid orange;
    border-bottom: 5px solid orange;
}
.formation_psycho {
    border-top: 5px solid red;
    border-bottom: 5px solid red;
}
.seminaire_theme {
    border-top: 5px solid grey;
    border-bottom: 5px solid grey;
}
#block-views-block-team-at-block-1 h2,#block-views-block-team-at-block-2 h2,.equipe_title_3 {
    font-size: 40px;
}
.defulink4448 {display: none;}
#block-views-block-team-at-block-2 .views-field-field-biography .field-content a:nth-child(2) {
    display: none;
    color: red;
}
#block-bluefootermenus-2 { margin-left: 11rem;}
#block-bluefootermenus-2 ul li a { font-size: 1.2rem; padding: 0.4em 1.0em;}
#block-bluefootermenus-2 ul li a:hover { text-decoration: underline;}
#block-bluefootermenus-2 ul li ul { background-color: #4885C6;}
#block-bluefootermenus-2 .sf-sub-indicator { display: none;}
#main-menu li a.sf-with-ul {padding: 0;}
@media only screen and (min-width: 1200px){
    .view-formation  .view-grouping-content .views-row-inline {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/*Views row clear*/
@media (max-width:768px) {
    .views-row.col-sm-6:nth-child(2n+1){
        clear:both;
    }
}
@media (min-width:768px) {
    .views-row.col-sm-4:nth-child(3n+1),
    .views-row.col-lg-4:nth-child(3n+1),
    .views-row.col-sm-3:nth-child(4n+1) {
        clear: both;
    }
}
@media (min-width:992px) {
    .views-row.col-sm-6.col-md-4:nth-child(2n+1),
    .views-row.col-sm-6.col-md-3:nth-child(2n+1),
    .views-row.col-sm-4.col-md-2:nth-child(3n+1),
    .views-row.col-sm-4.col-md-3:nth-child(3n+1),
    .views-row.col-sm-4.col-md-6:nth-child(3n+1),
    .views-row.col-sm-3.col-md-6:nth-child(4n+1),
    .views-row.col-sm-3.col-md-4:nth-child(4n+1) {
        clear: none;
    }
    .views-row.col-md-6:nth-child(2n+1),
    .views-row.col-md-4:nth-child(3n+1),
    .views-row.col-md-3:nth-child(4n+1) {
        clear: both !important;
    }
}
@media (min-width:1200px) {
    .views-row.col-sm-4.col-lg-2:nth-child(3n+1),
    .views-row.col-sm-4.col-lg-3:nth-child(3n+1),
    .views-row.col-sm-4.col-lg-6:nth-child(3n+1),
    .views-row.col-sm-3.col-lg-6:nth-child(4n+1),
    .views-row.col-sm-3.col-lg-4:nth-child(4n+1),
    .views-row.col-sm-3.col-lg-2:nth-child(4n+1),
    .views-row.col-md-4.col-lg-2:nth-child(3n+1),
    .views-row.col-md-4.col-lg-3:nth-child(3n+1),
    .views-row.col-md-4.col-lg-6:nth-child(3n+1),
    .views-row.col-md-3.col-lg-6:nth-child(4n+1),
    .views-row.col-md-3.col-lg-4:nth-child(4n+1),
    .views-row.col-md-3.col-lg-2:nth-child(4n+1) {
        clear: none !important;
    }
    .views-row.col-lg-6:nth-child(2n+1),
    .views-row.col-lg-4:nth-child(3n+1),
    .views-row.col-lg-3:nth-child(4n+1),
    .views-row.col-lg-2:nth-child(6n+1) {
        clear: both !important;
    }
}

.view-formation .field--name-title{
    font-weight:bold;
    border-top: 5px solid #ddd;
    padding-top:10px;
    padding-bottom:15px;
}

.view-formation .Formation.en.Organisations .field--name-title,
.view-formation .FCO .field--name-title{
    border-color:#ec9e0f;
}

.view-formation .Analyse.Transactionnelle .field--name-title, 
.view-formation .AT.Approfondissement .field--name-title{
    /*border-color:#fde841;*/
    border-top:5px solid #fde841;
}

.view-formation .Fluidité.fonctionnelle .field--name-title,
.view-formation .Formations.thématiques .field--name-title{
    border-color:#db0808;
}


.view-formation .field--name-field-heures-decompte {
    padding:6px 0;
}

.view-formation .field--name-field-heures-decompte .field__item::before{
    font-family: "FontAwesome";
    font-weight: 400;
    content: '\f017';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-field-dates .field__item::before {
    font-family: "FontAwesome";
    font-weight: 400;
    content: '\f073';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-field-formateurs .field__items::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f501';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-field-formateurs .field__items .field__item{
    display:inline-block;
}

.view-formation .field--name-field-place .field__item::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f3c5';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-body {
    padding-top:8px;
}


.view-formation .field--name-field-categorie-cours .field__items::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f02c';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-field-categorie-cours .field__items .field__item{
    display:inline-block;
}

.view-formation .field--name-field-diplome .field__items::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f573';
    margin-right: 10px;
    color: #404C9B;
}

.view-formation .field--name-field-diplome .field__items .field__item{
    display:inline;
}

.view-formation .field--name-price{
    padding-top:8px;
}

.view-formation .field--name-price .field__label{ /* hide the field label because we can't do it in display settings */
    display:none;
    font-weight:bold;
}

.view-formation .field.field--name-price.field--type-commerce-price .field__item::before {
    font-family: "FontAwesome";
    font-weight: 400;
    content: '\f09d';
    margin-right: 10px;
    color: #404C9B;
}

/*.view-formation .field--name-price .field__label::after{ // since the field label is hidden, we don't need semincolons here 
    content:': ';
}*/

.view-formation .field--name-price .field__item{
    display:inline-block;
}

.view-formation .field--name-variations .commerce-order-item-add-to-cart-form .form-item label.js-form-required {
    display:none;
}

.field--name-field-product-url {
    padding-top: 20px;
}

.field--name-field-product-url a{
    color: #333333;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');
    border: 1px solid #dbdbdb;
    padding: 11px 20px;
    border-radius: 3px;
}
.field--name-field-product-url a:hover{
    background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
    background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');
}

.views-field.views-field-views-bulk-operations-bulk-form {
    float: right;
    margin-top: 10px;
}

@media (min-width:1024px) {
    .view-formation .commerce-order-item-add-to-cart-form .form-actions.js-form-wrapper.form-wrapper{
        float:right;
    }
    .field--name-field-product-url {
        display: block;
        padding-top: 8px;
        float:left;
    }
}

/* Product Default Display */

article.product-commerce-node .field{
    padding-bottom:10px;
}

article.product-commerce-node .field.field--name-field-objectifs .field__label,
article.product-commerce-node .field.field--name-body .field__label,
article.product-commerce-node .field.field--name-field-formateurs .field__label,
article.product-commerce-node .field.field--name-field-dates .field__label,
article.product-commerce-node .field.field--name-field-place .field__label,
article.product-commerce-node .field.field--name-field-prdecisions .field__label,
article.product-commerce-node .field.field--name-field-diplome .field__label,
article.product-commerce-node .field--name-field-heures-decompte.field--type-entity-reference > .field__label{
    font-size: 18px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #000;
}

article.product-commerce-node .field.field--name-field-diplome .field__items{
    padding-left:25px;
}

article.product-commerce-node .field.field--name-field-diplome .field__item {
    display: list-item;
    list-style: decimal;
}

article.product-commerce-node .field.field--name-price.field--type-commerce-price.field--label-above .field__label{
    font-size: 18px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #000;
}


.view-formation article .field--name-price.field--type-commerce-price {
    display:initial;
}

.view-formation .commerce-order-item-add-to-cart-form .form-actions.js-form-wrapper.form-wrapper{
    color:#FFF;
    background: #4885C6;
    padding: 8px 20px;
    border-radius: 3px;
}

.view-formation .commerce-order-item-add-to-cart-form .form-actions.js-form-wrapper.form-wrapper::before{
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f07a';
    margin-right: 10px;
    color: #FFF;
    position: relative;
}
.view-formation .commerce-order-item-add-to-cart-form input.button--add-to-cart{
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #FFF;
    box-shadow: none;
    font-weight: normal;
    text-shadow: none;
    font-size: 16px;
}

.spacer-clear{
    min-height:15px;
    clear:both;
}

.internal-navigation-feo {
    display: block;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 50px;
}

.internal-navigation-feo a {
    display: inline-block;
    margin: 10px;
}

.view-formation header .view-row{
    margin-bottom:80px;
}

h2#method {
    display: block;
    margin-top: 20px;
    position: relative;
    top: -40px;
    font-size: 26px;
}
h2#cours {
    display: block;
    margin-top: 100px;
    position: relative;
    top: -40px;
    font-size: 26px;
}

/* Maintenance Page */

.maintenance-page .logo-and-site-name-wrapper.clearfix{
    display: block;
    color:#ffffff;
}
.maintenance-page .site-name.site-branding__name, .maintenance-page .site-slogan{
    color:#ffffff;
}

.maintenance-page .colored-region.blue{
    background-color:#4885c6;
}

.maintenance-page .site-branding__name a{
    color:#ffffff;
}


/* Responsive fixes */


/* Phone Layout */

@media only screen and (max-width: 540px) {
    
    /* Top Secondary Menu */
    .region.region-header-top {
        display: block;
    }
    #social-menu ul{
        display:block;
    }
    #social-menu ul li {
        padding: 8px;
        display:inline;
    }        
    ul#language-submenu li {
        padding: 10px 5px;
        }
    .header-container #block-startupgrowth-lite-account-menu ul.menu {
        padding: 0;
        text-align: left;
        float: left;
    }
    #block-cart-4 .cart--cart-block {
        padding-top: 0;
        float: right;
    }
    .logo-and-site-name-wrapper.clearfix{
        margin:5px 0;
    }
    .logo{
        width:70%;
    }
    .site-name.site-branding__name{
        font-size:20px;
    }
    .header-container .sf-accordion-toggle.sf-style-none a::before {
        content: 'MENU';
        padding-right: 10px;
        position: relative;
        bottom: 3px;
        font-weight: bold;
        color: #fff;
    }
    /* Banner parallax image */ 
    #block-fullwidthimage, #block-fullwidthimage-2, #block-fullwidthimageen {
        height: 430px;
        background-attachment: inherit;
    }
    .image-over-text{
        top:0;
    }
    .image-over-text h2 {
        line-height: 3rem;
        font-size: 2rem;
    }
    
    .mb-sm-3 {
        margin-bottom: 1rem!important;
    }

    .p-sm-0 {
        padding: 0!important;
    }

    .mainmenu {
        display: none;
    }

    #language-menu>i {
        margin-right: 0;
    }

    ul li#language-menu:hover > ul#language-submenu, ul li#language-menu ul#language-submenu:hover {
        visibility: visible;
        opacity: 1;
        display: inline-block;
        position: relative;
        top: 0px;
        padding: 10px;
        background: #4885C6;
    }

    .node h2.title a, #block-chgtemergent-page-title {
        line-height: 4rem;
        margin: 0 10px;
        margin-bottom: 20px;
    }

    .sf-with-ul:after {
        display: none;
    }

    /* View Formation en Organisation */
    .view-formation .view-content::before {
        left: 100px;
    }
    .view-formation .view-grouping .view-grouping-header {
        font-size: 24px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-width: 120px;
        padding: 0 20px 0 0px;
    }
    .view-formation .view-content .view-grouping .view-grouping-content h3::before{
        top:6px;
    }

    /* Activity */

    #block-homepagenotreactivite .activity-box p, #block-homepagenotreactiviteen .activity-box p {
        margin: 0px;
    }


    /* Contact */
    #block-homepagenouscontacter, #block-homepagenouscontacteren {
        background-attachment: inherit;
    }

    /* Footer */
    #block-chgtemergent-footer {
        margin-top: 1rem;
    }

}
@media only screen and (max-width: 768px) {
    
    .image-over-text h2 {
        font-size: 2.3rem;
    }

    #block-bluefootermenus-2 {margin-left: 10px;}
    #block-bluefootermenus-2 ul li a {
        font-size: 0.7rem;
        padding: 0.4em 0.5em;
    }
}

@media only screen and (min-width: 768px) {
    
    .logo{
        width:70px;
    }
    
    .subfooter-area ul.menu{
        display: flex;
        justify-content: center;
    }
}
    
@media screen and (min-width: 769px) and (max-width: 960px){
    #main-menu nav > ul > li{
        padding: 2px 16px;
    }
    #block-homepagenotreactivite .activity-box a{
        padding: 12px 36px;
        width: 176px;
    }
    #block-homepagenotreactivite .activity-box.activity-bottom a{
        width: 190px;
    }
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;    
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
    article.product-commerce-node .field--name-variations #commerce-product-add-to-cart-form form.commerce-order-item-add-to-cart-form .form-item label{
    display: inline-block;
    }
    article.product-commerce-node .field--name-variations #commerce-product-add-to-cart-form form.commerce-order-item-add-to-cart-form .form-item select{
    display: inline-block;
    width: 340px;
    margin-left: 10px;
    }
}