html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6,
html section.section-tertiary p {
	color: #fff;
}
html section.section-tertiary.secondary {
    background-color: #00aec7 !important;
    border-color: #0098ae !important;
}
html body .tabs.tabs-simple .nav-tabs > li.active a, html.dark body .tabs.tabs-simple .nav-tabs > li.active a, html body .tabs.tabs-simple .nav-tabs > li.active a:focus, html.dark body .tabs.tabs-simple .nav-tabs > li.active a:focus, html body .tabs.tabs-simple .nav-tabs > li a:hover, html.dark body .tabs.tabs-simple .nav-tabs > li a:hover, html body .tabs.tabs-simple .nav-tabs > li.active a:hover, html.dark body .tabs.tabs-simple .nav-tabs > li.active a:hover {
    border-top-color: #00aec7;
    color: #00aec7;
}
html body .tabs.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a, html.dark body .tabs.tabs-bottom .nav-tabs li.active a, html body .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover, html body .tabs.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom-color: #00aec7;
}

body {
    color: #222;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.4;
}
p {
    color: #222;
    line-height: 24px;
    margin: 0 0 20px;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0;
}
html section.section-secondary p a:not(.btn) {
    color: #fff;
}
.justify-content-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.align-items-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    -ms-flex-align: center !important;
    align-items: center !important;
}
.float-right {
    float: right;
}
.d-inline {
    display: inline !important;
}
.d-none {
    display: none !important;
}
.text-nocase {
	text-transform: none !important;
}
.paragraphe {
	margin-top: 2.813em;
}
.paragraphe p.h4 {
	line-height: 1.4;
}
.cadre {
    border: 4px dotted #00aec7;
    padding: 15px;
}
.btn {
    border-radius: 0;
}
.btn-line .btn {
    white-space: normal;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .btn-line .btn+.btn {
        margin-left: 30px;
    }
}
.btn-white {
    color: #222;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    -webkit-transition: ease box-shadow 300ms;
    -moz-transition: ease box-shadow 300ms;
    transition: ease box-shadow 300ms;
}

.btn-white:hover {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0px 10px 48px -7px rgba(0, 0, 0, 0.2);
}

.btn-white:active,
.btn-white:focus,
.btn-white:active:hover,
.btn-white:active:focus {
    border-color: #fff;
    background-color: #fff;
}
.btn-default {
    color: #00aec7;
    background-color: transparent;
    border-color: #00aec7;
}

.btn-default:hover {
    border-color: #00dbfa;
    background-color: #00cfed;
    color: #fff;
}

.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus {
    border-color: #00dbfa;
    background-color: #00cfed;
    color: #fff;
}
.panel-secondary {
    border-color: #00aec7;
}
.panel-secondary > .panel-heading {
    color: #fff;
    background-color: #00aec7;
    border-color: #00aec7;
}

.list.list-ordened li li::before {
    display: none;
}
.list.list-ordened.list-ordened-style-2 li .list.list-icons.list-icons-sm li, 
.list.list-ordened.list-ordened-style-3 li .list.list-icons.list-icons-sm li {
    padding-left: 13px;
}
section.section-transparent {
    background: none;
    border-top: none;
}
#header .header-column .header-extra-info {
    margin: 0;
    float: none;
}
#header .header-btn-collapse-nav {
    background: #00aec7;
}
#header .header-logo img{
    width: 214px !important;
    height: 64px !important;
} 
.sticky-header-active #header .header-logo img{
    width: 134px !important; 
    height: 40px !important;
} 
.baseline {
    font-size: 14px;
    float: left;
    padding: 12px 0 0 22px;
}
.baseline strong {
    font-size: 120%;
    font-weight: 400;
}
@media (min-width: 1200px) {
	.baseline {
		font-size: 16px;
	}  
}

#header .nav > li > span {
    position: relative;
    display: block;
    cursor: pointer;
}
#header ul.nav > li.dropdown > span::after {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 4px;
    content: " ";
    float: right;
    margin-top: 7px;
    margin-left: 4px;
}
#header .header-nav-main nav > ul > li.dropdown.active > span::after, #header .header-nav-main nav > ul > li.dropdown:hover > span::after {
    border-color: #ffffff transparent transparent transparent;
}
#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li > span,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a{
    color: #000;
}  
@media (min-width: 1200px) {
	#header .header-nav-main nav > ul > li > span,
	#header .header-nav-main nav > ul > li > a {
		font-size: 14px !important;
	}  
}
@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > span,
	#header .header-nav-main nav > ul > li > a {
		border-radius: 0;
		padding: 15px;
        font-size: 12px;
	}
    #header .header-nav-main .nav-pills > li + li {
        margin-left: 15px;
    }   
    #header .header-nav-main nav > ul > li > a.dropdown-toggle::after {
        border-color: #000 transparent transparent transparent;
    }    
    #header .header-nav-main nav > ul > li.open > span, #header .header-nav-main nav > ul > li:hover > span,
    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: #000;
        color: #fff;
    }  
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #000;
    }    
    
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
        font-size: 1em;
        font-weight: 400;
        padding: 10px;
        line-height: 1.4;
    }    

    #mainNav li.active a.is-active,
    #mainNav li.active span.is-active,
    #mainNav .dropdown-menu > .active > span,
    #mainNav .dropdown-menu > .active > a {
        background: #f5f5f5;
    }
    #header .header-nav-main nav > ul > li.active > a,    
    #header .header-nav-main nav > ul > li.active > span,    
    #mainNav > li.active > a,
    #mainNav > li.active > span,
    #mainNav > li.active > span.is-active, 
    #mainNav > li.active > a.is-active { 
        background: #000; color: #fff; 
    }
    
    #header .header-nav-main nav > ul > li.dropdown > span::after,
    #header .header-nav-main nav > ul > li.dropdown > a::after {
        border-color: #000 transparent transparent transparent;
    }    
	#header .header-nav-main nav > ul > li > span {
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		text-transform: uppercase;
	}    
}
@media (min-width: 991px) and (max-width: 1199px) {
	#header .header-nav-main nav > ul > li > span,
	#header .header-nav-main nav > ul > li > a {
		padding: 8px 5px;
	}  
}

.intro h1 {
    text-transform: uppercase;    
    font-size: 2.2em;
    font-weight: 300;
    line-height: 42px;
}
/*
section.hero {
}
.rs-background-video-layer[data-ytid] iframe {
    visibility: visible !important;
    opacity: 1 !important;
}
*/
.hero .call-to-action {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}
.hero .call-to-action.secondary {
    border-color: #df4c43;
}
.hero .call-to-action-content {
    min-height: 230px;
}
.hero .call-to-action.button-centered .call-to-action-btn .btn {
    white-space: normal;
}
.hero .h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.2em;
    margin: 0 0 32px 0;
    display: flex;
    align-items: center;
    justify-content: center; 
    min-height: 68px;
}
h2,
.h2 {
    text-transform: uppercase;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0;  
}
.call-to-action-front h2 {
    text-transform: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero .call-to-action-content {
        min-height: 324px;
    }
}
@media (min-width: 992px) {
    .hero .call-to-action {
        margin-top: -40%;
    }
    .hero.home .call-to-action {
        margin-top: -90px;
    }    
}
@media (max-width: 767px) {
    .hero .call-to-action .call-to-action-btn {
        padding: 0;
    }
}
.call-to-action.call-to-action-in-footer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}
.solutions a {
    color: inherit;
  
}
.solutions a:hover {
    text-decoration: none;
}
.solutions .h4 {
    text-transform: none;
    letter-spacing: normal;
}
.domaines .h4 {
    font-size: 16px;
}
.domaines.blogs .h4 {
    min-height: 36px;
}
.domaines.featured-boxes-style-6 .featured-box .box-content {
    padding-left: 15px;
    padding-right: 15px;
}
.featured-boxes-style-6 .featured-box .icon-featured img {
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    margin-bottom: 5px;
}
.featured-boxes-style-6 .abw-hover-box:hover .featured-box .icon-featured img,
.featured-boxes-style-6 .featured-box:hover .icon-featured img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.featured-boxes-style-6 .featured-box .icon-featured {
    color: #222;
}
.featured-boxes-style-6 .abw-hover-box:hover .featured-box .icon-featured,
.featured-boxes-style-6 .featured-box:hover .icon-featured {
    color: #00aec7;
    border-color: #00aec7;
}
.abw-hover-box:hover .featured-box-effect-6 .box-content .icon-featured::after,
.featured-box-effect-6:hover .box-content .icon-featured::after {
   border-color: rgba(0,174,199,0.2);
}
.abw-hover-box:hover .featured-box-effect-6 .box-content .icon-featured::after {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/*
.featured-boxes-style-6 .solution-1 .featured-box .icon-featured {
    color: #8c5194;
    border-color: #8c5194;
}
.featured-boxes-style-6 .solution-1 .featured-box .icon-featured::after {
    border-color: rgba(140,81,148,0.2);
}
.featured-boxes-style-6 .solution-2 .featured-box .icon-featured {
    color: #5ec4dd;
    border-color: #5ec4dd;
}
.featured-boxes-style-6 .solution-2 .featured-box .icon-featured::after {
    border-color: rgba(94,196,221,0.2);
}
.featured-boxes-style-6 .solution-3 .featured-box .icon-featured {
    color: #dfb13b;
    border-color: #dfb13b;
}
.featured-boxes-style-6 .solution-3 .featured-box .icon-featured::after {
    border-color: rgba(223,177,59,0.2);
}
.featured-boxes-style-6 .solution-4 .featured-box .icon-featured {
    color: #8bcaad;
    border-color: #8bcaad;
}
.featured-boxes-style-6 .solution-4 .featured-box .icon-featured::after {
    border-color: rgba(139,202,173,0.2);
}
.featured-boxes-style-6 .solution-5 .featured-box .icon-featured {
    color: #c1398b;
    border-color: #c1398b;
}
.featured-boxes-style-6 .solution-5 .featured-box .icon-featured::after {
    border-color: rgba(193,57,139,0.2);
}
.featured-boxes-style-6 .solution-6 .featured-box .icon-featured {
    color: #00aec7;
    border-color: #00aec7;
}
.featured-boxes-style-6 .solution-6 .featured-box .icon-featured::after {
    border-color: rgba(227,97,89,0.2);
}
.featured-boxes-style-6 .solution-7 .featured-box .icon-featured {
    color: #0069b4;
    border-color: #0069b4;
}
.featured-boxes-style-6 .solution-7 .featured-box .icon-featured::after {
    border-color: rgba(0,105,180,0.2);
}
.featured-boxes-style-6 .solution-8 .featured-box .icon-featured {
    color: #34af72;
    border-color: #34af72;
}
.featured-boxes-style-6 .solution-8 .featured-box .icon-featured::after {
    border-color: rgba(52,175,114,0.2);
}
.featured-boxes-style-6 .solution-9 .featured-box .icon-featured {
    color: #bf901a;
    border-color: #bf901a;
}
.featured-boxes-style-6 .solution-9 .featured-box .icon-featured::after {
    border-color: rgba(191,144,26,0.2);
}
*/
.solutions.domaines .abw-hover-box {
    position: relative;
}
.solutions.domaines img.marque-logo {
    max-height: 24px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-out;    
    position: absolute;
    top: 5px;
    right: 5px;
}


.implantations .google-map {
    background: #7dcdcd;
    height: 600px;
}
.implantations .google-map iframe {
    height: 600px;
}
.map-legend {
    padding: 5px;
}
.map-legend span {
    display: block;
}
.map-legend span:nth-of-type(1) i {
    color: #fb9622;
}
.map-legend span:nth-of-type(2) i {
    color: #cf334e;
}
@media all and (max-width: 767px) {
    .chiffres .counter {
        padding: 15px 0;
    }

}
.testimonial.testimonial-style-2 .testimonial-author {
    margin: 10px 0 0;
}
.temoignages .testimonial .testimonial-author img {
    max-width: 80px;
    border-radius: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-backface-visibility: hidden;
    padding: 3px 3px 15px;
    outline: 1px solid transparent;
    background: #fff;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #00aec7;
}

/*
* Thumb Info
*/
.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper {
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
	transform: initial;
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-wrapper:after {
	background-color: rgba(1, 159, 220, 0.8);
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-inner {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
}
.thumb-info.custom-thumb-info-style-1 .thumb-info-type {
	background: transparent;
	margin: 0;
}
.thumb-info.custom-thumb-info-style-2 {
	border: none;
    margin-bottom: 30px;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:not(._rounded) {
	-webkit-transform: initial;
	-moz-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
	transform: initial;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper:after {
	content: none;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-wrapper._rounded {
	border-radius: 100%;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
	display: block;
	position: relative;
	padding: 30px !important;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption h4,
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption .h4 {
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 0;
    min-height: 72px;
    line-height: 24px;
    text-align: center;
}
#blog .thumb-info.custom-thumb-info-style-2 .thumb-info-caption h4 {
    min-height: 0;
    text-align: left;
}
.thumb-info.custom-thumb-info-style-2 img {
    height: auto;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption p {
	padding: 0;
	margin: 0;
	line-height: 2;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption .custom-thumb-info-category {
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500;
}
.thumb-info.custom-thumb-info-style-2 .thumb-info-caption .date {
	position: absolute;
	top: -12px;
	right: 12px;
	padding: 8px 13px 5px;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 1.5px;
}

/* livres blancs / blocs */

.blocs-cta .thumb-info.custom-thumb-info-style-2,
.livres-blancs .thumb-info.custom-thumb-info-style-2 {
    color: inherit;
}
.blocs-cta .thumb-info.custom-thumb-info-style-2:hover,
.livres-blancs .thumb-info.custom-thumb-info-style-2:hover {
    text-decoration: none;
}
.livres-blancs .thumb-info.custom-thumb-info-style-2 {
    margin-top: 0;
    background: none;
    border: none;
    border: 1px solid #f1f1f1;
}
.livres-blancs .thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
    padding-top: 5px !important;
}
.livres-blancs .thumb-info.custom-thumb-info-style-2 img {
    max-height: 200px;
    width: auto;
    margin: 0 auto;
}
.blocs-cta .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .h4,
.livres-blancs .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .h4 {
    font-size: 1.125em;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;    
}

/* expertises */

html section.section-tertiary.expertises h3,
html section.section-tertiary.expertises p {
	color: #222;
}

.expertises a {
    display: block;
}
.expertises a:hover {
    text-decoration: none;
}

.expertises img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-out;
}

.expertises a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.expertises .thumb-info img.play-btn {
    width: 64px;
    margin-left: -32px;
    margin-top: -32px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);    
}
.expertises h3 {
    margin: 15px 0 5px;
    font-size: 18px
}

.expertises .content-grid-row {
    max-width: 860px;
    margin: 0 auto;    
}
.expertises .content-grid .content-grid-item {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expertises .content-grid .content-grid-item .contenu {
    height: 260px;
    width: 260px;
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    background: #fff;
}

.expertises .content-grid .content-grid-item .contenu.special {
    border: none;
    background: transparent;
}

.expertises .content-grid .content-grid-item:before,
.expertises .content-grid .content-grid-item:after {
    display: none;
}

/* footer */

#footer {
    margin-top: 0;
}


#footer p,
#footer label {
   color: #fff; 
}
#footer .apropos p {
    font-size: 16px;
}
.footer-logo {
    display: inline-block;
    margin-bottom: 15px;
}
#footer .newsletter form {
    max-width: none;
    opacity: 1;
}
.form-control {
    border-radius: 0;
}
#footer .newsletter form input.form-control,
#footer .newsletter form .btn,
#footer .newsletter .btn {
    height: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#footer .newsletter a:hover {
    color: #fff;
}

#footer .newsletter form label {
    font-style: italic;
    font-size: 12px;
    margin-top: 10px;
}
#footer .social {
    margin-top: 30px;
}
#footer .social-icons li {
    margin: 0 5px 5px 0;
    border-radius: 0;
    overflow: visible;
    font-size: 20px;
}
#footer .social-icons li a {
    border-radius: 0;
    height: 44px;
    line-height: 44px;
    width: 44px;
}
#footer .links, #footer .features {
    list-style: none;
    padding: 0;
    margin-top: -6px;
}
#footer .links li, #footer .features li {
    position: relative;
    padding: 10.5px 0;
    line-height: 1.3;
    display: block;
}
#footer .list-expertises.list-inline > li {
    vertical-align: middle;
}
#footer .list-expertises img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-height: 48px;
}
@media all and (max-width: 991px) {
    #footer .list-expertises img {
        margin-bottom: 10px;
    }
    #footer .footer-copyright nav ul li {
        border-left: none;
        padding: 0 8px 0 0;
    }
}
.footer-contact {
    color: #fff;
    line-height: 1.625em;
}
.footer-contact h4 {
    margin: 0 0 10px 0;

}
#footer .footer-copyright p {
    display: inline-block;
    margin-right: 10px;
}
#footer .footer-copyright nav {
    float: none;
    display: inline-block;
}

/* page */
.page-header {
    background-color: #f7f7f7;
    border-bottom: 5px solid #f4f4f4;
    border-top: none;
    padding: 10px 0;
}
.page-header .breadcrumb {
    color: #777;
}
.page-header .breadcrumb a {
    color: #333;
}

.page-header .breadcrumb li {
    text-transform: none;
    opacity: 0.8;
}

.page-header .breadcrumb > li + li::before {
    color: #333;
}

section.page-header h1 {
    border-bottom-color: #00aec7;
}




html .formation-boxes.featured-boxes-style-8 .featured-box .icon-featured {
    height: auto;
    width: auto;
    margin: 0;
    line-height: 1;
    color: #222;
}

html .featured-box-secondary h4 {
    color: inherit;
}
.formation-boxes h2 {
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 33px;
    text-transform: uppercase;
}

.feature-box-secondary {
    background: #f4f4f4;
    padding: 15px;
    margin-bottom: 30px;
}
.disable a {
	pointer-events: none;
	cursor: default;
}
.formation-boxes.disable p.pb-xl {
	display: none;
}
/* nos solutions */

.featured-boxes .abw-hover-box .featured-box {
    margin-bottom: 0;
    margin-top: 0;
}

.abw-hover-box {
    display: block;
    text-align: center;
    background: #f4f4f4;
    padding: 30px 0;
    margin-bottom: 30px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
}

.abw-hover-box:hover {
    background: #00aec7;
    background: rgba(0,174,199, 0.8);
    text-decoration: none;
}

.abw-hover-box:hover .titre,
.abw-hover-box:hover .contenu {
    color: #fff;
}
/*
.solution-1.abw-hover-box:hover {
    background: #8c5194;
    background: rgba(140, 81, 148, 0.8);
}

.solution-2.abw-hover-box:hover {
    background: rgba(94, 196, 221, 0.8);
}

.solution-3.abw-hover-box:hover {
    background: rgba(223, 177, 59, 0.8);
}

.solution-4.abw-hover-box:hover {
    background: rgba(139, 202, 173, 0.8);
}

.solution-5.abw-hover-box:hover {
    background: rgba(193, 57, 139, 0.8);
}

.solution-6.abw-hover-box:hover {
    background: rgba(0,174,199, 0.8);
}

.solution-7.abw-hover-box:hover {
    background: rgba(0, 105, 180, 0.8);
}

.solution-8.abw-hover-box:hover {
    background: rgba(52, 175, 114, 0.8);
}

.solution-9.abw-hover-box:hover {
    background: rgba(191, 144, 26, 0.8);
}
*/
.icon-featured.secondary {
    background-color: #00aec7;
}
.icon-featured.dark {
    background-color: #222;
}


.align-center .list.list-icons li > .fa:first-child,
.align-center .list.list-icons li > .icons:first-child,
.align-center .list.list-icons li a:first-child > .fa:first-child,
.align-center .list.list-icons li a:first-child > .icons:first-child {
    position: static;
}

.etapes .list,
.etapes .list.list-ordened li {
    padding-left: 0;
}

.etapes .list.list-ordened > li::before {
    position: static;
    font-weight: 400;
    display: block;
    width: 80px;
    margin: 0 auto;
    font-size: 48px;
    line-height: 80px;
    height: 80px;
    margin-bottom: 8px;
}

html .list-secondary.list-ordened li::before {
    color: #00aec7;
    border-color: #00aec7;
}

.feature-box-info .h4 {
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    text-transform: none;
}

.feature-box.feature-box-style-2 .h4 {
    color: #1d2127;
}

/* equipe */

section.equipe {
    margin-bottom: -50px;
}


.team-item {
    max-width: 320px;
    margin: 0 auto 30px;
}

.team-item:hover .image-wrapper img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-item .image-wrapper {
    display: block;
    overflow: hidden;
}

.team-item .image-wrapper img {
    -webkit-transition: ease transform 1s;
    -moz-transition: ease transform 1s;
    transition: ease transform 1s;
}

.team-item .team-infos {
    position: relative;
    background: #fff;
    padding: 25px 15px;
    font-weight: 400;
    font-size: 13px;
}

.team-item .team-member-name {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4em;
    margin: 0 0 5px 0;
}

.team-item .team-infos .share {
    position: absolute;
    bottom: calc(100% - 22px);
    right: 15px;
    width: 42px;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: ease height 300ms;
    -moz-transition: ease height 300ms;
    transition: ease height 300ms;
}

.team-item .team-infos .share:hover .share-icons {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.team-item .team-infos .share:hover i.fa-share-alt {
    background: #00aec7;
}

.team-item .team-infos .share:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 22px;
}

.team-item .team-infos .share .share-icons {
    text-align: center;
    padding-bottom: 42px;
    border-radius: 50px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: ease transform 300ms;
    -moz-transition: ease transform 300ms;
    transition: ease transform 300ms;
}

.team-item .team-infos .share i {
    display: block;
    color: #fff;
    padding: 15px;
    opacity: 0.7;
    -webkit-transition: ease opacity 300ms;
    -moz-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
}

.team-item .team-infos .share i.fa-share-alt {
    position: absolute;
    background: #333;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    opacity: 1;
    z-index: 1;
}

.team-item .team-infos .share i.fa-facebook {
    color: #4d70a8;
}

.team-item .team-infos .share i.fa-twitter {
    color: #1da1f2;
}

.team-item .team-infos .share i.fa-linkedin {
    color: #0077b5;
}

.team-item .team-infos .share i:hover {
    opacity: 1;
}

.team-item .team-infos .team-member-desc {
    display: block;
    color: #222;
}



/* particuliers - entreprises */
/*
section.particuliers {
    margin: 0;
    background: url(../img/particuliers.jpg) center center no-repeat fixed;
    padding: 90px 0 60px;
}

section.entreprises {
    margin: 0;
    background: url(../img/entreprises.jpg) center center no-repeat fixed;
    padding: 90px 0 60px;
}
*/
.tabs a:focus, .tabs a:hover {
    background-color: transparent;
}
.custom-accordion-style-1 .panel {
    position: relative;
    margin-top: 0 !important;
    border-right: 0;
    border-bottom: 1px solid #e4e4e4;
    border-top: 0;
    box-shadow: none;
}

.custom-accordion-style-1 .panel:last-child {
    border-bottom: 0;
}

.custom-accordion-style-1 .panel .panel-title {
    font-weight: 400;
    letter-spacing: normal;
    line-height: 42px;
}

.custom-accordion-style-1 .panel .panel-title > a.accordion-toggle {
    color: #00aec7;
    border-bottom: 1px solid #e4e4e4;
}

.custom-accordion-style-1 .panel .panel-title > a.accordion-toggle:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 1px solid #00aec7;
}

.custom-accordion-style-1 .panel .panel-title > a.accordion-toggle .custom-accordion-plus:after {
    border-top: 2px solid #00aec7;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
}

.custom-accordion-style-1 .panel .panel-title > a.collapsed {
    color: #1e1e24 !important;
    border-bottom: 0;
}

.custom-accordion-style-1 .panel .panel-title > a.collapsed:before {
    content: none;
}

.custom-accordion-style-1 .panel .panel-title > a.collapsed .custom-accordion-plus:after {
    border-top: 2px solid #1e1e24;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.custom-accordion-style-1 .panel .panel-title > a .custom-accordion-plus {
    position: absolute;
    top: 23px;
    right: 3px;
    width: 15px;
}

.custom-accordion-style-1 .panel .panel-title > a .custom-accordion-plus:before,
.custom-accordion-style-1 .panel .panel-title > a .custom-accordion-plus:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    border-top: 2px solid #1e1e24;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease all 300ms;
    -moz-transition: ease all 300ms;
    transition: ease all 300ms;
}

.custom-accordion-style-1 .panel .panel-body {
    padding: 15px 15px 35px;
}


.enjeux .h4 {
    display: block;
}

section .list-expertises {
    margin-top: 5px;
}
section .list-expertises.list-inline > li {
    vertical-align: middle;
    padding-right: 0.5em;
    padding-left: 0.5em;
    margin-bottom: 10px;
}
section .list-expertises img {
    max-height: 64px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
section .list-expertises a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
section .list-expertises a {
    color: #000;
}
section .list-expertises a:hover {
    color: #00cfed;
    text-decoration: none;
}

@media all and (max-width: 991px) {
    section .list-expertises img {
        max-height: 48px;
    }
    section .list-expertises a {
        font-size: 11px;
    }
}

/** Wizard **/

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background: #00aec7;
    transition: all .3s ease;
    padding: 0.46428571em 1.85714286em;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: none;
    color: #252525;
}

.wizard > .steps a {
    position: relative;
}

.wizard > .steps a:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background: #eee;
    display: block;
    bottom: 0;
    transition: all .2s ease;
}

.wizard > .steps a:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 7px;
    height: 2px;
    background: #eee;
    left: 0;
    transition: all .2s ease;
}

.wizard > .steps li:first-child a:after {
    width: 50%;
    left: 50%;
}

.wizard > .steps li:last-child a:after {
    width: 50%;
}

.wizard > .steps li.current a:after,
.wizard > .steps li.current a:before {
    background-color: #00aec7;
}

.wizard > .steps a,
.wizard > .steps a:hover {
    padding-bottom: 2.78571429em;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active,
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
    background: none;
    color: #252525;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    margin: 0;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.wizard > .steps > ul,
.wizard > .actions {
    text-align: center;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
    float: none;
    display: inline-block;
}

.wizard > section {
    padding: 0;
}

.wizard > .content {
    background: #fafafa;
    margin-top: 1.85714286em;
    margin-bottom: 1.85714286em;
    border: 1px solid #ececec;
}

.wizard > .content > .body {
    padding: 1.85714286em;
}

.wizard > .steps .number {
    font-size: 1em;
}
    .quizz .wizard > .steps > ul > li {
        width: 33%;
    }

@media all and (max-width: 767px) {
    .wizard > .steps .number {
        display: block;
    }
    .wizard > .content {
        min-height: 25em;
    }
    .wizard .pos-vertical-center {
        top: 50%;
        transform: translateY(-50%);
        -wekbit-transform: translateY(-50%);
    }
}
@media all and (min-width: 992px) {
    .quizz .wizard > .steps > ul > li {
        width: 15%;
    }

}
/* v2 */
.progress-step:not(:last-child)::after {
    top: 13px;
    height: 2px;
    z-index: 1;
}
.progress-step.is-complete::after {
    background-color: #555;
}
.progress-step.is-active .progress-marker {
    background-color: #00aec7;
}
.webform-progress-tracker .progress-step.is-active .progress-text {
    color: #00aec7;
}
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker,
.progress-step.is-complete .progress-marker {
    background-color: #555;
}
.webform-progress-tracker .progress-step.is-complete .progress-text {
    color: #555;
}
.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: #00aec7;
}
.quizz .form-content {
    padding: 1.85714286em;
    background: #00aec7;
    margin-top: 1.85714286em;
    margin-bottom: 1.85714286em;
    border: 1px solid #0098ae;
    border-radius: 4px
}
.quizz .form-content::after {
	clear: both;
	content: "";
	display: table;
}
#edit-actions > .webform-button--previous,
#edit-actions > .webform-button--previous:hover,
#edit-actions > .webform-button--previous:active,
#edit-actions > .webform-button--next,
#edit-actions > .webform-button--next:hover,
#edit-actions > .webform-button--next:active {
    background: #00aec7;
    color: #fff;
    transition: all .3s ease;
    padding: 0.46428571em 1.85714286em;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

ul.thumbnails.image_picker_selector {
    display: flex;
    flex-wrap: wrap;
}
ul.thumbnails.image_picker_selector li {
    margin: 0;
    float: none;
    width: 25%;
}
ul.thumbnails.image_picker_selector li .thumbnail {
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 13px;
    transition: all .3s ease;
}
ul.thumbnails.image_picker_selector li .thumbnail:hover {
    cursor: pointer;
    background: rgba(255,255,255,0.8);
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #fff;
}
ul.thumbnails.image_picker_selector li .thumbnail img {
    border-radius: 50%;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    transition: all .3s ease;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
/* ABW Academy */
html .toggle-mini.toggle-simple .toggle > label::after {
    background-color: transparent;
}
.toggle.toggle-mini.toggle-simple .toggle > label::before {
    left: 9px;
    top: 16px;
    color: #222;
    font-size: 10px;
}
.toggle.toggle-mini.toggle-simple .toggle > label {
    padding-left: 25px;
    margin-bottom: -25px;
    color: #222;
}
.toggle > .toggle-content > p {
    margin-bottom: 0;
    padding: 15px 0 0;
}

.label-abw .testimonial blockquote p {
    /* color: #00aec7; */
    font-size: 1.6em;
    line-height: 1.3;
}
.secondary.testimonial.testimonial-with-quotes blockquote::before,
.secondary.testimonial.testimonial-with-quotes blockquote::after {
    color: #00aec7;
}
.testimonial.testimonial-style-2 .testimonial-author.maxi {
   font-size: 21px;
}

.custom-thumb-info-3 {
    border: none;
    padding: 15px;
}
.custom-box-shadow {
    box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5);
}
.custom-thumb-info-3 .thumb-info-wrapper {
    margin: 0 !important;
}
.custom-thumb-info-3 .thumb-info-wrapper::after {
    content: none;
}

.interview blockquote {
    border: 0;
    color: #666;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
}
.interview blockquote::before {
    color: #00aec7;
    display: block !important;
    left: 10px;
    top: 0;
    content: "“";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}
.thumb-info-social-icons a {
    background-color: #00aec7;
}
.list.list-icons.secondary li > .fa:first-child, 
.list.list-icons.secondary li a:first-child > .fa:first-child, 
.list.list-icons.secondary li > .icons:first-child, 
.list.list-icons.secondary li a:first-child > .icons:first-child {
    color: #00aec7;
    border-color: #00aec7;
}
.list.list-icons.dark li > .fa:first-child, 
.list.list-icons.dark li a:first-child > .fa:first-child, 
.list.list-icons.dark li > .icons:first-child, 
.list.list-icons.dark li a:first-child > .icons:first-child {
    color: #222;
    border-color: #222;
}

.testimonial.testimonial-style-3 blockquote {
    border-radius: 4px;
}



/* formulaire */
.captcha {
    background: none;
    margin-bottom: 1em;
    max-width: none;
    height: auto;
    padding-left: 15px;

}
.form-note {
    font-size: smaller;
    padding-right: 15px;
    padding-left: 15px;
    text-align: justify;    
}
.newsletter .form-note {
    font-size: x-small;
    padding-right: 0;
    padding-left: 0;
    padding-top: 8px;
    text-align: left;    
}
.form-note p {
    line-height: inherit;
}
.form-note a {
    color: inherit;
}
.webform-submission-form .file a {
    color: inherit;
}
.webform-submission-contact-form input[type="submit"] {
    float: none;
}
.form-required::after {
    float: none;
}
.fieldgroup.form-composite > legend {
    margin-bottom: 5px;
    font-size: 16px;
    color: inherit;
    border-bottom: none;
}
.avec-label > label,
.avec-label > label.form-required,
.webform-radios-other > label.form-required {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: inherit;
    border-bottom: none;
}
.avec-label > label.form-required {
    margin-bottom: 15px;
}
.fieldset-wrapper .js-webform-radios,
.fieldset-wrapper .js-webform-checkboxes {
    display: flex;
    flex-wrap: wrap;
}
.form-radios .form-item,
.form-checkboxes .form-item {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 50%;
}
.flex100 .form-radios .form-item,
.webform-radios-other .form-radios .form-item {
    width: 100%;
}
label.option {
    vertical-align: middle;
    margin-left: 5px;
}
.custom-form-style .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.webform-element-help {
    border: 2px solid #fff;
    background: #fff;
    line-height: 14px;
    width: 14px;
    font-weight: 500;
    color: inherit;
    font-size: 14px;
}
.webform-element-help:link, .webform-element-help:visited,
.webform-element-help:focus, .webform-element-help:active, .webform-element-help:hover {
    border: 2px solid #fff;
    background: #fff;    
    color: inherit;
}
.webform-element-help--tooltip.ui-tooltip {
    background: #666;
    color: #fff;
    border: none;
    padding: 0;
    opacity: 1;
}
.webform-element-help--tooltip.ui-tooltip .ui-tooltip-content {
    position: relative;
    padding: 1em;
    width: 240px;
    /*
        -webkit-transform: translate(-8.78571rem, -11.92857rem);
        -ms-transform: translate(-8.78571rem, -11.92857rem);
        transform: translate(-8.78571rem, -11.92857rem);
        box-shadow: 0 0 .35714rem rgba(0, 0, 0, .5)    
    */
}
/*
.webform-element-help--tooltip.ui-tooltip .ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    bottom: -10px;
    left: 72px;
    border-color: #666 transparent;
    border-width: 10px 10px 0;    
}
*/


.custom-form-style .intl-tel-input {
    display: block;
}
.custom-form-style .form-control::-webkit-input-placeholder {
  color: #666;
}
.custom-form-style .form-control::-moz-placeholder {
  color: #666;
}
.custom-form-style .form-control:-ms-input-placeholder {
  color: #666;
}
.custom-form-style .form-group {
    margin-bottom: 30px;
}
.custom-form-style .form-select,
.custom-form-style .form-control {
    background: #fff;
    border: none;
    border-left: 2px solid rgba(0, 0, 0, 0);
    /* padding: 10px 0 5px 5px; */
    box-shadow: none;
    color: #000;
    height: 40px;
    transition: all 0.5s ease-out;
    
}
.custom-form-style .form-select:focus,
.custom-form-style .form-control:focus {
    border-left: 2px solid rgba(0, 0, 0, 1);
    
}
.custom-form-style textarea.form-control {
    height: auto;
    min-height: inherit;
    border: none;
    border-left: 2px solid rgba(0, 0, 0, 0);    
    color: #000;
    border-radius: 0;
}
.custom-form-style select.form-control {
   /* -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; */
    background: #fff;
    color: #000;
    /* padding: 10px 0; */
}
.custom-form-style .custom-select-style {
    position: relative;
}
.custom-form-style .custom-select-style select {
    position: relative;
    z-index: 1;
}
.custom-form-style .custom-select-style::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    z-index: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
select:required:invalid {
    color: #666;
}
option[value=””][disabled] {
    display: none;
}
option {
    color: #000;
}

.custom-form-style .webform-select-other--wrapper.col-md-6 .col-md-6 {
    width: 100%;
}
.custom-form-style .webform-select-other--wrapper.col-md-6 > .fieldset-wrapper::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.custom-form-style #edit-situation > legend {
    display: none;
}
.embedded-entity form {
    background-color: #00aec7;
}
/*
.custom-form-style input[type=radio],
.custom-form-style input[type=checkbox]{
  visibility: hidden;
  position: absolute;
}
.custom-form-style input[type=radio] + label:before,
.custom-form-style input[type=checkbox] + label:before{
  height: 14px;
  width: 14px;
  margin-right: 6px;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.custom-form-style input[type=radio]:checked + label:before,
.custom-form-style input[type=checkbox]:checked + label:before{
  background: rgba(0,174,199, 0.6);
}

.custom-form-style input[type=radio] + label:before{
  border-radius: 50%;
}
.custom-form-style input[type=checkbox] + label:before{
  border-radius: 0;
}

.custom-form-style .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
}
.custom-form-style .radio .form-control {
    display: inline-block;
    width: auto;
}
.custom-form-style .radio label {
    padding-left: 0;
}
*/



/* fiche video */
.popup-youtube.thumb-info {
    border: none;
}
.popup-youtube.thumb-info .thumb-info-wrapper {
    margin: 0;
}
.thumb-info img.play-btn {
    position: absolute;
    width: 128px;
    left: 50%;
    top: 50%;
    margin-left: -64px; 
    margin-top: -64px; 
}
@media all and (max-width: 767px) {
    .thumb-info img.play-btn {
        width: 64px;
        margin-left: -32px;
        margin-top: -32px; 
    }
}
.video-box {
    margin-top: 0;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
}
.video-box h2 {
    margin-top: 0;
}
.video-box p {
    margin-bottom: 0;
}
.fiche-video .tab-content {
    padding: 30px;
}
.onglets.tabs .tab-content a {
    display: inline;
    padding: 0;
}
.onglets.tabs .tab-content a:focus, .onglets.tabs .tab-content a:hover {
    background-color: transparent;
}
.onglets.tabs .tab-content .panel-group .panel-heading a {
    display: block;
    padding: 10px 15px;
}
.onglets .nav-tabs > li {
    margin: 0 -2px 0 0;
}
html body .tabs.onglets .nav-tabs li a, html body .tabs.onglets .nav-tabs li a:hover {
    background: #fafafa;
    border: 1px solid #d0d0d0;
    border-bottom: 0;
    color: #222;
    text-transform: uppercase;
}
.onglets .nav-tabs > li.active > a {
    
}
html body .tabs.onglets .nav-tabs > li:hover > a, 
html body .tabs.onglets .nav-tabs > li.active > a,
html body .tabs.onglets .nav-tabs li.active a:hover, html body .tabs.onglets .nav-tabs li.active a:focus {
    color: #222;
    margin-bottom: -1px;
    border-top: 2px solid #000;
    border-bottom-color: transparent;
}
html body .tabs.onglets .nav-tabs > li.active > a, html body .tabs.onglets .nav-tabs > li.active > a:hover, html body .tabs.onglets .nav-tabs > li.active > a:focus {
    background: #fff;
}
html body .tabs.onglets .nav > li > a:hover, html body .tabs.onglets .nav > li > a:focus {
    background: #fff;
}

.fiche-video .team-item .team-member-name {
    font-size: 1em;
}
#collapseExperts .testimonial.custom-testimonial-style-1 .testimonial-author p::before {
    display: none;
    top: inherit;
    bottom: 0;
}
#collapseExperts .testimonial .testimonial-author {
    margin: 0 0 0 0;
}
#collapseExperts .testimonial .testimonial-author strong {
    color: #222;
    padding-top: 10px;
    margin-bottom: 0;
}
#collapseExperts .testimonial .testimonial-author span {
    color: #222;
    padding-bottom: 10px;
    font-size: inherit;
}

.testimonial.custom-testimonial-style-1 blockquote {
	background: transparent;
	padding: 40px 20px 40px 0px;
}
.testimonial.custom-testimonial-style-1 blockquote:before {
	left: 0;
	font-size: 60px;
	color: #1e1e24;
}
.testimonial.custom-testimonial-style-1 blockquote:after {
	font-size: 60px;
	color: #1e1e24;
}
.testimonial.custom-testimonial-style-1 blockquote p {
	color: #777;
	font-family: "Sintony", sans-serif;
	font-style: normal;
	font-size: 1em;
	line-height: 1.8;
	padding: 0px;
}
.testimonial.custom-testimonial-style-1 .testimonial-author p {
	position: relative;
	margin: 0;
}
.testimonial.custom-testimonial-style-1 .testimonial-author p:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	border-top: 2px solid #1e1e24;
}


/* Course Curriculum */
.course-curriculum ul.curriculum-sections,
.course-curriculum ul.section-content {
  list-style: none;
  margin: 0;
  padding: 0;
}
.course-curriculum ul.section-content {
  padding-left: 15px;
}
.course-curriculum ul.curriculum-sections li.section,
.course-curriculum ul.section-content li.section {
  list-style-type: none;
}
.course-curriculum .section-header {
  margin: 0;
  padding: 10px 15px 15px;
  position: relative;
}
.course-curriculum .section-header h4 {
  display: inline;
}
.course-curriculum .section-header p {
  display: inline-block;
  font-weight: normal;
  font-style: italic;
  font-size: 14px;
  margin: 0;
  text-transform: none;
}
.course-curriculum .section-header .meta {
  position: absolute;
  right: 15px;
}

.course-curriculum .course-item {
  margin: 0;
  list-style: none;
  position: relative;
  -webkit-transition: background linear 0.5s;
  -khtml-transition: background linear 0.5s;
  -moz-transition: background linear 0.5s;
  -ms-transition: background linear 0.5s;
  -o-transition: background linear 0.5s;
  transition: background linear 0.5s;
}
.course-curriculum .course-item .lp-label-viewing,
.course-curriculum .course-item .lp-label-completed {
  display: none;
}
.course-curriculum .course-item .course-item-title {
  display: block;
  box-shadow: none;
  text-align: justify;
  float: left;
}
.curriculum-sections .curriculum-section {
  padding: 0 0 20px;
}

/* custom image text overlay */
.listing-item-container {
    display: block;
   /* margin-bottom: 30px; */
}


.listing-item {
    height: 265px;
}
.listing-item::before {
    content: "";
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.45) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
    background-color: rgba(35,35,37,0.2);
    opacity: 1;
}
.listing-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.listing-item.thumb-info .thumb-info-title {
    background: none;
    bottom: 5%;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: none;
    z-index: 2;
    margin: 0;
}
.listing-item-container .thumb-info {
    background-color: transparent;
    border: none;
}
.btn-secondary:focus {
    color: #fff;
}
.dropover {
    display: inline-block
}
.dropover .btn::after {
    font-family: "FontAwesome";
    opacity: 0.5;
    content: '\f107';
    padding-left: 7px;    
}

@media only screen and (min-width: 768px) {
    .dropover .dropdown-menu {
        top: -10000px;
        display: block;
        opacity: 0;    
        -webkit-transition: -webkit-transform 0.2s ease-out;
        -moz-transition: -moz-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transform: translate3d(0, -5px, 0);
    }    
    .dropover:hover .dropdown-menu {
        top: auto;
        display: block;
        opacity: 1;      
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

/* table */

.table .middle {
    vertical-align: middle;
}
.table .align-right {
    float: none;
}
.table .w200 {
    width: 200px;
}
.table .w150 {
    width: 150px;
}
.table .w110 {
    width: 110px;
}
.table-abw {
    text-align: right;
    width: auto;
}
.table-abw .titre {
    background: #60c4dc;
    color: #fff;
    font-weight: 600;
}
.table-abw.table-bordered > tbody > tr > td, .table-abw.table-bordered > tbody > tr > th, .table-abw.table-bordered > tfoot > tr > td, .table-abw.table-bordered > tfoot > tr > th, .table-abw.table-bordered > thead > tr > td, .table-abw.table-bordered > thead > tr > th {
    border: 1px solid rgba(0,0,0,0.1);
}


/* équipe dirigeante */

.team-abw {
    overflow: visible;
    max-width: 320px;
    margin: 0 auto 30px !important;
    -webkit-transition: ease box-shadow 300ms;
    -moz-transition: ease box-shadow 300ms;
    transition: ease box-shadow 300ms;
}
.team-abw:hover {
    box-shadow: 0px 0px 70px 0px rgba(139, 139, 139, 0.5);
}
.team-abw.thumb-info .thumb-info-wrapper::after {
    background: rgba(23, 23, 23, 0.6);
}
.team-abw.thumb-info .thumb-info-title {
    letter-spacing: 0;
}
.team-abw.thumb-info .thumb-info-type {
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.social-icons.custom-social-icons li {
    list-style: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin-right: 5px;
}
.social-icons.custom-social-icons li a {
    border-radius: 0;
    line-height: 28px;
    color: #333 !important;
    border: 1px solid #333;
}
.social-icons.custom-social-icons li:hover a {
    color: #fff !important;
}
.social-icons.custom-social-icons li:hover.social-icons-linkedin a {
    border-color: #0073b2;
}
.social-icons li:hover.social-icons-email a {
    background: #222;
}
.team-logo {
    max-height: 75px;
}
.team-logo-filigrane {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 10px;
}
.team-logo-filigrane img {
    max-height: 28px;
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
    display: inline-block;
}
.team-logo-filigrane img+img {
    margin-left: 5px !important;
}

/* digitalistion */

.featured-box-dark.box-1 .box-content {
    border-top-color: #019974;
}
.featured-box-dark.box-2 .box-content {
    border-top-color: #0f7890;
}
.featured-box-dark.box-3 .box-content {
    border-top-color: #3c4380;
}
.featured-box-dark.box-4 .box-content {
    border-top-color: #076c77;
}
.featured-box-dark.box-5 .box-content {
    border-top-color: #3b5c81;
}
.team-logo {
    max-height: 75px;
}



@media only screen and (min-width: 992px) {
    .digital-learning .box-2 {
        margin-top: 15px;
    }
    .digital-learning .box-3 {
        margin-top: -30px;
    }
    .digital-learning .box-5 {
        margin-top: 60px;
    }
}
@media only screen and (min-width: 1200px) {
    .digital-learning .box-2 {
        margin-top: 90px;
    }
}

.circle-bloc {
    position: relative;
}
.circle-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15em;
    margin-left: -15em;
    width: 30em;
    height: 30em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border: 5px solid rgba(0,174,199,0.4);
    border-radius: 50%;
}
.circle-container {
    position: relative;
    width: 50em;
    height: 50em;
    border-radius: 50%;
    padding: 0;
    list-style: none;
    margin: 5em auto;
}
.circle-container > li {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -66px;
    width: 132px;
    height: 132px;
    text-align: center;
}
.circle-container > *:nth-of-type(1) {
  -webkit-transform: rotate(-90deg) translate(25em) rotate(90deg);
          transform: rotate(-90deg) translate(25em) rotate(90deg);
}
.circle-container > *:nth-of-type(2) {
  -webkit-transform: rotate(-54deg) translate(25em) rotate(54deg);
          transform: rotate(-54deg) translate(25em) rotate(54deg);
}
.circle-container > *:nth-of-type(3) {
  -webkit-transform: rotate(-18deg) translate(25em) rotate(18deg);
          transform: rotate(-18deg) translate(25em) rotate(18deg);
}
.circle-container > *:nth-of-type(4) {
  -webkit-transform: rotate(18deg) translate(25em) rotate(-18deg);
          transform: rotate(18deg) translate(25em) rotate(-18deg);
}
.circle-container > *:nth-of-type(5) {
  -webkit-transform: rotate(54deg) translate(25em) rotate(-54deg);
          transform: rotate(54deg) translate(25em) rotate(-54deg);
}
.circle-container > *:nth-of-type(6) {
  -webkit-transform: rotate(90deg) translate(25em) rotate(-90deg);
          transform: rotate(90deg) translate(25em) rotate(-90deg);
}
.circle-container > *:nth-of-type(7) {
  -webkit-transform: rotate(126deg) translate(25em) rotate(-126deg);
          transform: rotate(126deg) translate(25em) rotate(-126deg);
}
.circle-container > *:nth-of-type(8) {
  -webkit-transform: rotate(162deg) translate(25em) rotate(-162deg);
          transform: rotate(162deg) translate(25em) rotate(-162deg);
}
.circle-container > *:nth-of-type(9) {
  -webkit-transform: rotate(198deg) translate(25em) rotate(-198deg);
          transform: rotate(198deg) translate(25em) rotate(-198deg);
}
.circle-container > *:nth-of-type(10) {
  -webkit-transform: rotate(234deg) translate(25em) rotate(-234deg);
          transform: rotate(234deg) translate(25em) rotate(-234deg);
}

.circle-container .popover {
	min-width: 300px;
    z-index: 1200;
    font-family: sans-serif;
    display: block !important;
    position: relative;
}
.circle-container .tooltip-inner {
	max-width: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .circle-container {
        width: 46em;
        height: 46em;
    }    
    .circle-container > *:nth-of-type(1) {
      -webkit-transform: rotate(-90deg) translate(23em) rotate(90deg);
              transform: rotate(-90deg) translate(23em) rotate(90deg);
    }
    .circle-container > *:nth-of-type(2) {
      -webkit-transform: rotate(-54deg) translate(23em) rotate(54deg);
              transform: rotate(-54deg) translate(23em) rotate(54deg);
    }
    .circle-container > *:nth-of-type(3) {
      -webkit-transform: rotate(-18deg) translate(23em) rotate(18deg);
              transform: rotate(-18deg) translate(23em) rotate(18deg);
    }
    .circle-container > *:nth-of-type(4) {
      -webkit-transform: rotate(18deg) translate(23em) rotate(-18deg);
              transform: rotate(18deg) translate(23em) rotate(-18deg);
    }
    .circle-container > *:nth-of-type(5) {
      -webkit-transform: rotate(54deg) translate(23em) rotate(-54deg);
              transform: rotate(54deg) translate(23em) rotate(-54deg);
    }
    .circle-container > *:nth-of-type(6) {
      -webkit-transform: rotate(90deg) translate(23em) rotate(-90deg);
              transform: rotate(90deg) translate(23em) rotate(-90deg);
    }
    .circle-container > *:nth-of-type(7) {
      -webkit-transform: rotate(126deg) translate(23em) rotate(-126deg);
              transform: rotate(126deg) translate(23em) rotate(-126deg);
    }
    .circle-container > *:nth-of-type(8) {
      -webkit-transform: rotate(162deg) translate(23em) rotate(-162deg);
              transform: rotate(162deg) translate(23em) rotate(-162deg);
    }
    .circle-container > *:nth-of-type(9) {
      -webkit-transform: rotate(198deg) translate(23em) rotate(-198deg);
              transform: rotate(198deg) translate(23em) rotate(-198deg);
    }
    .circle-container > *:nth-of-type(10) {
      -webkit-transform: rotate(234deg) translate(23em) rotate(-234deg);
              transform: rotate(234deg) translate(23em) rotate(-234deg);
    }
}
@media only screen and (max-width: 767px) {
    .circle-container {
        width: auto;
        height: auto;
        margin: 0;
    }    
    .circle-container > *:nth-of-type(n) {
      -webkit-transform: none;
              transform: none;
        position: static;
        width: 50%;
        height: auto;
        min-height: 184px;
        margin: 0;
        float: left;
    }
    .circle-logo {
        display: none;
    }
}

/* accordion */

.custom-accordion-style-2 .panel {
    position: relative;
    margin-top: 0 !important;
    border-right: 0;
    border-bottom: 1px solid #0098ad;
    border-left: 1px solid #00aec7;
    border-top: 0;
    box-shadow: none;
    border-radius: 0;
}
.custom-accordion-style-2 .panel:last-child {
    border-bottom: 0;
}
.custom-accordion-style-2 .panel-heading a {
    padding: 1em 2em;
    background-color: #0098ad;
    display: flex;
    align-items: center;
    justify-content: space-between;    
    transition: background-color 0.5s ease-in-out;
}
.custom-accordion-style-2 .panel-heading a.collapsed {
    background-color: #00aec7;
}
.custom-accordion-style-2 .panel:nth-child(even) .panel-heading a.collapsed {
    background-color: #3ebed0;
}
.custom-accordion-style-2 .panel-heading a:hover,
.custom-accordion-style-2 .panel:nth-child(even) .panel-heading a:hover {
    background-color: #0098ad;
}
.custom-accordion-style-2 .panel-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
}
.custom-accordion-style-2 .panel-heading a::after {
    content: "+";
    line-height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    font-size: 18px;    
    left: 1em;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);    
}
.custom-accordion-style-2 .panel-heading a.collapsed::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.custom-accordion-style-2 .panel-title .marque-label  {
    max-width: 75%;    
}
.custom-accordion-style-2 .panel-title .marque-logo span {
    font-size: 18px;
    margin-left: 15px;    
    margin-right: 10px;    
}
.custom-accordion-style-2 .panel-title img {
    max-height: 60px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.3s ease-out;    
}
.custom-accordion-style-2 .panel-default > .panel-heading {
    color: #fff;
    border-radius: 0;
}

@media only screen and (max-width: 1199px) {
    .custom-accordion-style-2 .panel-title {
        font-size: 20px;
    }
    .custom-accordion-style-2 .panel-title .marque-logo span {
        font-size: 16px;
        margin: 5px 0 0;  
        display: block;
    }    
}
@media only screen and (max-width: 767px) {
    .custom-accordion-style-2 .panel-title {
        font-size: 18px;
    }
    .custom-accordion-style-2 .panel-title .marque-logo span {
        font-size: 14px;
    }    
}

/* blog */
article.post-large,
article.post-large .post-image, 
article.post-large .post-video,
article.post-large .post-date {
    margin-left: 0;
}
article.post .post-date {
    box-shadow: none;
    float: none;
    margin-right: 0;
    text-align: left;
}
article.post-large .post-image.single-post {
    max-height: 450px;
    overflow: hidden;
}
article .post-video {
    border: none;
}
article .post-video iframe {
    padding: 0;
}
.post .post-meta {
    font-size: 13px;
    font-style: italic;
    line-height: 1;
    color: #aaa;
}
.post hr {
    margin: 15px auto 15px;
    width: 50px;
}
.custom-thumb-info-category span:not(:last-child):after {
  content: ",";
}
.blog-posts .thumb-info-wrapper img,
.thumb-blog.thumb-info-wrapper img {
    height: auto;
    max-height: 480px;
}
.blog-posts .thumb-info.custom-thumb-info-style-2 .thumb-info-caption,
.thumb-blog.thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
    border: 1px solid #e2e2e2;
}
img.alignleft {
    float: left;
    margin: .5em 2em 1.25em 0;
    max-width: 300px;
}



/* single post */



.single-post .post{
    padding-bottom: 0;
    margin-bottom: 0;
}

.single-post .post .post-header {
    margin: 0 0 15px;
    text-align: center;
}
.single-post .post .post-header .post-cat a {
    background-color: #00aec7;
    border-color: #e6c55d;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px;
    padding: 0 12px;
    position: relative;
    border: 2px solid #FFFFFF !important;
    text-transform: uppercase;    
}
.single-post .post .post-header .post-cat a:hover {
    background-color: #00cfed;    
}
.single-post .post .post-header .post-title {
    font-weight: 600;
    text-transform: none;
    display: block;
    padding: 0 5%;
    margin: 15px 0;
}
.single-post .post .post-header .post-title a {
    padding: 0;
}


.single-post .post .post-page hr {
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 20px auto;
    border: 0;
}

.single-post .post .post-share {
    margin: 0;
}
.single-post .post .post-header .post-share {
    text-align: center;
}
.single-post .post .post-share .field__label {
    font-weight: bold;
    margin-bottom: 10px;
}
/*
.single-post .post .social-buttons-links a {
    padding: 10px;
    display: inline-block;
    text-align: center;
    color: #fff;
    width: auto;
    font-size: 16px;
    line-height: 20px;
}
.single-post .post .social-buttons-links .fa {
    width: 20px;
}
*/
.single-post .post-related {
    margin-top: 60px;
    overflow: hidden;
}
.single-post .post .heading {
    margin: 0 0 20px;
    line-height: 26px;
    font-size: 15px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}
.single-post .post .heading span {
    background: #fff;
    display: inline-block;
    padding-right: 20px;
    position: relative;
    z-index: 1;
}
.single-post .post .heading:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #f0f0f0;
    position: absolute;
    top: 12px;
}
.single-post .post-tags {
    margin-top: 15px;
    padding-bottom: 12px;
    clear: both;
}
.single-post .post-tags a {
    font-size: 11px;
    letter-spacing: 1px;
    background: #f2f2f2;
    color: #777;
    padding: 6px 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: inline-block;
}
.single-post .post-tags a:hover {
    background-color: #282828;
    color: #fff;
    text-decoration: none;
}
.single-post .post-content img {
    max-width: 100%;
    height: auto;
}   
.single-post .post-content h2 {
    font-size: 1.6em;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 30px;
    margin: 0 0 15px 0;
}
.single-post .post-content h3 {
    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.single-post .newsletter {
    margin-top: 15px;
}
.single-post .captcha {
    padding-left: 0;
}

/* Post Comments */
.post-comments {
	margin-bottom: 0;
	margin-top: 30px;
}
.post-comments .comments {
	margin-bottom: 40px;
}
.post-comments .comment-entry {
	border-bottom:1px dotted #eee;
}
.post-comments .comment-entry .author-img {
	float:left;
	margin-right:20px;
}
.post-comments .comment-entry .author-img img {
	border-radius:50%;
}
.post-comments .comment-entry .comment-text {
	overflow:hidden;
}
.post-comments .comment-entry .comment-text span.author,
.post-comments .comment-entry .comment-text span.author a {
	display:block;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:6px;
	color:#424242;
}
.post-comments .comment-entry .comment-text span.author a:hover {
	text-decoration:underline;
}
.post-comments .comment-entry .comment-text span.date {
	font-size:11px;
	color:#999;
	text-transform: uppercase;
	display:block;
	margin-bottom:6px;
}
.post-comments .comment-entry .comment-text em {
	font-size:13px;
	margin-bottom:-14px;
	display:block;
	color:orange;
	letter-spacing:1px;
}
.post-comments .comment-entry .comment-text em i {
	font-size:14px;
	color:#f3bd00;
}

.blog-posts .comments ul.links {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.post-comments span.reply a {
    float: right;
    font-size: 10px;
    color: #aaa;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.post-comments span.reply a.comment-edit-link {
	background:#c5c5c5;
}
.post-comments span.reply a:hover {
	opacity:.8;
}
.post-comments .indented {
    margin-left: 80px;
}

/* Post Comments Form */

.comment-form  {
    margin-bottom: 45px;
}

.comment-form textarea {
    display: block;
    padding: 20px;
    width: 100%;
    outline: none !important;
    border: 1px solid rgba(28, 28, 28, .3);
    color: #282829;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    transition: all 0.5s ease-out;
}
.comment-form input[type="text"], 
.comment-form input[type="email"]{
    display: block;
    padding: 10px 20px;
    width: 100%;
    outline: 0;
    outline: none !important;
    border: 1px solid rgba(28, 28, 28, .3);
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    transition: all 0.5s ease-out;
}
.comment-form textarea:focus,
.comment-form input[type="text"]:focus, 
.comment-form input[type="email"]:focus{
    border-left: 2px solid rgba(0, 0, 0, 1);
}
.comment-form .filter-wrapper {
    display: none;
}

.post-leave-comment .form-submit {
    background-color: #00aec7;
    border-color: #00aec7 #00aec7 #008194;
    color: #fff;
    font-size: 14px;
    line-height: 1.42857143;
    padding: 6px 12px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    border-width: 1px;
    border-radius: 0;
}
.post-leave-comment .form-submit:hover, .post-leave-comment .form-submit:focus {
    background-color: #00cfed;
    border-color: #00dbfa #00dbfa #00aec7;
    color: #fff;
}

/* sidebar */
@media(min-width:1200px) {
    #sidebar {
        padding-left:40px
    }
}
.widget {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}
.widget .widget-title {
    display: block;
    height: 45px;
    line-height: 43px;
    border: 1px solid;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    font-size: 13px;
}
.widget .widget-title strong {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px
}
.widget .widget-title:after {
    content: "";
    display: block;
    position: absolute;
    border-top: 5px solid;
    border-right: 5px solid transparent!important;
    border-left: 5px solid transparent!important;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px
}
.categories-widget .cat-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #eee;
    font-size: 13px;
    font-weight: 500;
    color: #aaa
}
.categories-widget .cat-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.categories-widget .cat-item a {
    color: #333
}
.cat-list, .cat-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
.post .post-image,.post-block .item .thumb,.recent-feeds li .feeds-image {
 position:relative
}
.post .post-image:after,.post-block .item .thumb:after,.recent-feeds li .feeds-image:after {
 content:"";
 display:block;
 position:absolute;
 background-color:rgba(0,0,0,.25);
 top:0;
 left:0;
 bottom:0;
 right:0;
 opacity:0
}
.post:hover .post-image:after,.post-block .item:hover .thumb:after,.recent-feeds li:hover .feeds-image:after {
 opacity:1
}
*/

.recent-feeds {
    display: block;
    overflow: hidden;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;    
}
.recent-feeds .feeds-item {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #eee;
    overflow: hidden
}
.recent-feeds li:last-child .feeds-item {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.recent-feeds .feeds-item .feeds-image {
    float: left;
    width: 90px;
    height: 80px;
}
.recent-feeds .feeds-item .feeds-entry {
    padding-left: 110px;
    position: relative;
}
.recent-feeds .feeds-item h3 {
    margin: 0 0 5px;
    font-size: 14px;
    text-transform: none;
    line-height: 1.5;
    font-weight: 500;
    opacity: .9;
}
.recent-feeds .feeds-item a {
    color: #191919;
}
.recent-feeds .feeds-item .feeds-date {
    font-size: 12px;
    opacity: .5;
    display: block;
    line-height: 1.7;
}


/* PAGINATION */

.pager li { padding: 0; }
.pager li > a,
.pager li > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 14px;
    line-height: 1.42857;
    padding: 5px 14px;
    margin-right: .5em;
    margin-left: .5em;
    border: none;
}
.pager li:first-child > a,
.pager li:first-child > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-left: 0;
}
.pager li:last-child > a,
.pager li:last-child > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.pager__item.is-active a {
    background-color: #191919;
    color: #fff;
    font-weight: normal;
}
.pager__item.is-active a:hover,
.pager__item.is-active a:focus {
    background-color: #191919;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #191919;
    color: #fff;
}

.view-blog-pages .pager .pager__items { margin: -10px 0 45px; }
.view-blog-pages .pager li > a,
.view-blog-pages .pager li > span {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 14px;
    margin-right: .5em;
    margin-left: .5em;
    border: none;
}
.view-blog-pages .pager li:first-child > a,
.view-blog-pages .pager li:first-child > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.view-blog-pages .pager li:last-child > a,
.view-blog-pages .pager li:last-child > span {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* Agenda */

.feature-box.event {
    display: block;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #e2e2e2;
    padding: 30px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;    
}
.feature-box.feature-box-style-2.event .feature-box-icon {
    display: none;
    height: auto;
    line-height:  1;
    border-radius: 0;
    margin: 0;
    top: 0;
    overflow: hidden;
}
.feature-box.feature-box-style-2.event .feature-box-info {
    padding: 0;
}
.feature-box.event .feature-box-info .h4 {
    font-weight: 600;
    margin: 0 0 5px 0;
}
.feature-box.event .event-date {
    margin: 0 0 15px 0;
    font-weight: 500;
    color: #222;
}
.feature-box.event:hover  {
    background: #f6f6f6;
}
.feature-box.event a:hover  {
    text-decoration: none;
}
.feature-box.event img {
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.4s ease;
}
.feature-box.event:hover .feature-box-icon img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.feature-box.event .social-media-sharing {
    margin-top: 30px;
}

@media (min-width: 576px) { 
    .feature-box.feature-box-style-2.event .feature-box-icon {
        width: 25%;
        display: block;
    }
    .feature-box.feature-box-style-2.event .feature-box-info {
        width: 75%;
        float: left;
        padding: 0 30px;        
    }
    .feature-box.event .social-media-sharing {
        position: absolute;
        bottom: 0;
        right: 0;
    }    
}

.feature-box.event.event-box {
    border-bottom: none;
    background: #f4f4f4;  
}
.feature-box.event.event-box:hover  {
    background: #33bed2;
}
.feature-box.event.event-box:hover .h4,
.feature-box.event.event-box:hover p  {
    color: #fff;
}
.feature-box.event.event-box:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}


#sliding-popup {
    background: rgba(62,61,64,.8);
    padding: 10px 0;
}
.eu-cookie-compliance-message p {
    font-weight: normal;
}
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button {
    color: #fff;
}
.eu-cookie-compliance-default-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 0 8px;
    vertical-align: middle;
    text-shadow: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
    color: #fff;
}
.eu-cookie-compliance-default-button:hover {
    background: none;
}


/* freemium */

.thumb-freemium.thumb-info img.play-btn {
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
}
.thumb-freemium.thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
    padding: 15px !important;
}
.thumb-freemium.thumb-info.custom-thumb-info-style-2 {
    margin-bottom: 0;
}

ul.portfolio-list.freemium .portfolio-item {
    margin-bottom: 0;
}

/* filtre */

.sort-source {
    margin-bottom: 30px;
}
ul.nav-pills.sort-source > li.active > a,
ul.nav-pills.sort-source > li.active2 > a {
    background-color: #00aec7;
    color: #fff;
}



/* ---------------------------------- */
/* Listing Item Layout Style
------------------------------------- */
.listing-item-container.list-layout {
	background: transparent;
	background-color: #f9f9f9;
	margin-bottom: 25px;
}

.listing-item-container.list-layout:hover {
	transform: translate3d(6px,0,0);
}

.listing-item-container.list-layout .listing-item {
	display: flex;
	background-color: transparent;
	height: 220px;
	border-radius: 4px 4px 0 0;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 100;
	cursor: pointer;    
}

.listing-item-container.list-layout .listing-item:before {
	display: none;
}

.listing-item-container.list-layout .listing-item img {
	border-radius: 0;   
}

.listing-item-container.list-layout .listing-item-content {
	flex: 5;
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-container.list-layout .listing-item-image {
	min-height: 200px;
	flex: 2;
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	position: relative;
}
/*
.listing-item-container.list-layout .listing-item-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: block;
	background-color: #272729;
	opacity: 0.2;
}
*/
.listing-item-container.list-layout .listing-item-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 35px;
	padding-right: 120px;
}

.listing-item-container.list-layout .listing-item-inner .h3 { color: #222; text-transform: none;}
.listing-item-container.list-layout .listing-item-inner span { color: #222; }

.listing-item-container.list-layout .star-rating { padding: 8px 0 0 0; }
.listing-item-container.list-layout .numerical-rating { margin: 10px 0 5px 0; display: block; }


.listing-item-container.list-layout .listing-item-details {
    position: absolute;
    bottom: 25px;
   	right: 35px;
   	left: auto;
   	top: auto;
    padding: 0;
    width: auto;
    z-index: 50;
    color: #888;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}


/* ---------------------------------- */
/* Listing Item
------------------------------------- */

.listing-item-container.list-layout {
/*	background: linear-gradient(to top, #f4f4f4 0%, #f9f9f9 10%); */
	background-color: #f6f6f6;
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	transform: translate3d(0,0,0);
	transition: transform 0.3s;
	margin-bottom: 30px;
}



.listing-item-content {
	position: absolute;
	bottom: 28px;
	left: 0;
	padding: 0 32px;
	padding-right: 90px;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-content h3 {
	color: #fff;
	font-size: 20px;
	bottom: -1px;
	position: relative;
	font-weight: 500;
	margin: 0;
	line-height: 31px;
}

.listing-item-content span {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}



/* Listing item details */
.listing-item-details {
	position: absolute;
	top: 24px;
	left: 0;
	padding: 0 32px;
	width: 100%;
	z-index: 50;
	color: #fff;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 15px;
}

.listing-item-details ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.listing-item-details ul li {
	display: inline-block;
	margin-right: 6px;
	line-height: 20px;
}

.listing-item-details ul li i {
	display: inline-block;
	margin: 0 3px 0 0;
	position: relative;
	top: 0px;
	font-size: 14px;
}

/* custom grid */

.content-grid-custom .contenu p {
    padding-top: 10px;
    font-size: small;
    margin: 0;
}
.content-grid-custom a:hover {
    text-decoration: none;
}


/* menu */

#header.banner--clone .header-column {
    position: relative;
}
.header-extra-info a.lien {
    color: #222;
}
.header-extra-info a.lien:hover, .header-extra-info a.lien:focus {
    color: #00cfed;
    text-decoration: none;
}
#header.banner--clone .header-body {
    min-height: 40px;
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);    
}
#header.banner--clone .header-logo img {
    width: 164px !important;
    height: auto !important;
    margin: 0;
}

.dl-menuwrapper {
    z-index: 10;
    display: none;
}
.banner--clone .dl-menuwrapper {
    display: block;
    margin-top: 10px;
    position: absolute;
    left: 0;    
}
#header.banner--clone .header-row+.header-row {
    display: none;
}
.dl-menuwrapper li span,
.dl-menuwrapper li a {
    padding: 15px;
    font-size: 15px;
    font-weight: 700;
}
#header .dl-menu.dl-subview li.dl-subviewopen > span,
#header .dl-menu.dl-subview li.dl-subview > span {
	display: none;
}
.dl-menuopen .dl-submenu li a {
    font-size: 14px;
    font-weight: 500;
}
#header ul.nav.dl-menuopen > li.dropdown > span::after,
ul.nav.dl-menuopen > li.dropdown > a::after {
    border: none;
    float: none;
    margin: 0;
    content: "\f054";
    font-size: 12px;
}
.dl-menuwrapper li.active > span::after,
.dl-menuwrapper li.active > a::after {
    color: #fff;
}
.dl-menuopen .fa {
    display: none;
}
.dl-menuopen.nav-pills > li {
    float: none;
}
.dl-menuopen.nav-pills > li + li {
    margin-left: 0;
}
.dl-menuopen .dl-submenu .col-md-3 {
    width: auto;
    float: none;
    padding: 0;
}
.dl-menu.dl-subview .dropdown-mega-sub-nav li {
    display: block;
}
.dl-subviewopen .dl-submenu.dropdown-menu {
    position: relative;
    width: 100%;
    float: none;
    margin: 0;
    border: none;
}

ul.nav-pills.dl-menuopen > li.active > span,
ul.nav-pills.dl-menuopen > li.active > a {
    background-color: #000;
    color: #fff;
}
.user-logged-in.toolbar-tray-open #header.banner--clone {
  top: 80px;
}
.user-logged-in.toolbar-tray-open.toolbar-vertical #header.banner--clone,
.user-logged-in #header.banner--clone {
  top: 39px;
}

@media (max-width: 991px) { 
    .user-logged-in #header.banner--clone {
      top: 39px;
    }    
    #header .header-nav-top {
        position: relative;
        z-index: 100;
    }

    #header .header-body {
        min-height: 40px;
        border-bottom-color: #e9e9e9;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);    
    }
    #header .header-logo img {
        width: 164px !important;
    }
    .banner--clone .dl-menuwrapper,
    .dl-menuwrapper {
        display: block;
        margin-top: 15px;
        position: absolute;
        left: 200px;    
    }
    #header .header-row+.header-row {
        display: none;
    }   
    
    .banner {
        display: none;
    }
    #header.banner--clone {
        display: block;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)        
    }    
}

@media (max-width: 768px) { 
    .dl-menuwrapper {
        max-width: none;    
    }    
    .dl-menuwrapper .dl-menu {
        left: -200px;
    }    
}

@media (max-width: 580px) { 
    #header.banner--clone .header-logo img {
        width: 140px !important;
    }
    .banner--clone .dl-menuwrapper,
    .dl-menuwrapper {
        margin-top: 10px;
        left: 160px;    
    }    
    .dl-menuwrapper .dl-menu {
        left: -160px;
    }     
    #header .header-column .header-extra-info li {
        margin-left: 10px;
    }    
    .header-extra-info span {
        font-size: 12px;
    }  
    .header-extra-info .btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
    }    
}

@media (max-width: 460px) { 
    #header .header-column .header-extra-info li:first-child {
        display: none;
    }       
}

@media (min-width: 992px) { 
    #header .header-nav-main nav > ul > li.dropdown-mega {
        position: relative;
    }    
    #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
        left: 0;
        right: auto;
        padding: 15px;
    }    
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        border-bottom: none;
        color: #000;
        font-size: 1em;
        font-weight: 400;
        padding: 10px;

    }    
}





/* case */
section.section-cas.section-overlay-opacity {
    margin-top: -35px;
}
section.section-cas.section.section-overlay-opacity::before {
    background: rgba(0, 174, 199, 0.8);
}
section.section-cas h2 a {
    color: inherit;
}
.section-cas .testimonial.testimonial-style-5 blockquote p,
.section-cas .testimonial.testimonial-with-quotes blockquote::before,
.section-cas .testimonial.testimonial-with-quotes blockquote::after {
    color: #00aec7;
    font-weight: 700;
}
.marque-logo {
    max-height: 80px;
    margin: 0 auto 20px;
}
.cas-logo img {
    max-height: 80px;
    margin: 0 auto 15px;
}

.thumb-info.custom-thumb-info-style-2 .thumb-info-caption img {
    width: auto;
    max-height: 60px;
    margin: 0 auto 15px;
}
.thumb-info.custom-thumb-info-style-2:hover .thumb-info-caption img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
section.section-cas .thumb-info img.play-btn {
    width: 64px;
    margin-left: -32px;
    margin-top: -32px;
}

.context-nos-etudes-de-cas-psa .section-cas .btn {
    display: none;
}

.webinars .thumb-info.custom-thumb-info-style-2 {
    border: 1px solid #e2e2e2;
}

/* map */

.mapcontainer,
.mapcontainer2 {
    max-width: 600px;
    margin: 0 auto;
}



/* JEUX */

#grid,.box{
  -webkit-user-select:none;
}

#grid {
  margin:20px auto 40px;
  box-shadow:0 0 20px rgba(0,0,0,0.2);
  /*width:410px;
  height:410px;*/
  padding:20px;
  background:#C3E5F1;
  border-radius:10px;
  font-size:20px;
  float:left;
  overflow:hidden;
  cursor:pointer;
}
@media (max-width: 1200px){
  #grid{
    max-width: 680px;
      font-size: 18px;
  }
}
@media (max-width: 991px){
  #grid{
    max-width: 520px;
      font-size: 16px;
  }
}
@media (max-width:740px){
  #grid{
    float:none;
      width: 520px;
  }
}

.box {
  margin: 2px;
  width: 31px;
  height: 31px;
  line-height: 31px;
  text-align:center;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  border-radius:5px;
  float:left;
}
@media (max-width: 1200px){
  .box{
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
}
@media (max-width: 991px){
  .box{
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

.box.highlight{
  background:#111;
  color:#fff;
}
.box.found-red {
  background: #ea2c2c;
  background: -webkit-linear-gradient(#ea2c2c 50%, #d62222 51%);
  background: -moz-linear-gradient(#ea2c2c 50%, #d62222 51%);
  background: -o-linear-gradient(#ea2c2c 50%, #d62222 51%);
  background: linear-gradient(#ea2c2c 50%, #d62222 51%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2c2c', endColorstr='#d62222',GradientType=0 );
  color:#fff;
}
.box.found-green {
  background: #a1d54f;
background: -webkit-linear-gradient(#a1d54f 50%, #80c217 51%);
background: -moz-linear-gradient(#a1d54f 50%, #80c217 51%);
background: -o-linear-gradient(#a1d54f 50%, #80c217 51%);
background: linear-gradient(#a1d54f 50%, #80c217 51%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1d54f', endColorstr='#80c217',GradientType=0 );
  color:#fff;
}
.box.found-yellow{
  background: #feb13f;
  background: -webkit-linear-gradient(#d4af37 50%, #ae8913 51%);
  background: -moz-linear-gradient(#d4af37 50%, #ae8913 51%);
  background: -o-linear-gradient(#d4af37 50%, #ae8913 51%);
  background: linear-gradient(#d4af37 50%, #ae8913 51%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4af37', endColorstr='#ae8913',GradientType=0 );
  color:#fff;
}
.box.found-blue{
  background: #71ceef;
  background: -webkit-linear-gradient(#71ceef 50%, #21b4e2 51%);
  background: -moz-linear-gradient(#71ceef 50%, #21b4e2 51%);
  background: -o-linear-gradient(#71ceef 50%, #21b4e2 51%);
  background: linear-gradient(#71ceef 50%, #21b4e2 51%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71ceef', endColorstr='#21b4e2',GradientType=0 );
  color:#fff;
}
.box.found-purple {
  background: #c928a9;
  background: -webkit-linear-gradient(#c928a9 49%, #b5177d 49%);
  background: -moz-linear-gradient(#c928a9 49%, #b5177d 49%);
  background: -o-linear-gradient(#c928a9 49%, #b5177d 49%);
  background: linear-gradient(#c928a9 49%, #b5177d 49%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c928a9', endColorstr='#b5177d',GradientType=0 );
  color:#fff;
}
#listContainer {
  margin: 20px 0 0 0;
  padding: 20px;
  float:left;
  /*height:410px;
  width:200px;*/
  box-shadow:0 0 20px rgba(0,0,0,0.1);
  background:#C3E5F1;
  border-radius:10px;
    text-transform: uppercase;
}
@media (max-width:740px){
  #listContainer{
    margin:auto;
    float:none;
    width:250px;
    height:auto;
  }
}
#list{
  margin:auto;
  padding-left:20px;
  font-size:20px;
  text-align:left;
  list-style:none;
    min-width: 250px;
}
#list li.found{
  color:gray;
  text-decoration:line-through;
}
#restart {
  margin:20px auto 0;
  line-height:40px;
  background:rgba(0,0,0,0.1);
  border-radius:5px;
  cursor:pointer;
  display:none;
}
@media (max-width: 1200px){
    #list{
      font-size: 18px;
        padding-left: 10px;
        min-width: 0;
    }
}
@media (max-width: 991px){
    #list{
      font-size: 14px;
        padding: 0;
    }
}

/* mots croisés */

#puzzle td {
    width: auto;
    height: 27px;
    border: 1px solid #222;
    padding: 0;
    margin: 0;
    background-color: #222;
    position: relative;
}

#puzzle td input {
    width: 100%;
    height: 100%;
    padding: 0em;
    border: none;
    text-align: center;
    font-size: 16px;
    color: #222;
    background-color: #fff;
}

#puzzle td input:focus {
    background-color: rgba(255,255,116,0.7);
}

#puzzle td span {
    color: #444;
    font-size: 0.8em;
    position: absolute;
    top: -1px;
    left: 1px;
}

#puzzle input.done {
    font-weight: bold;
    color: green;
}

#puzzle .active,
#puzzle-clues li.clues-active {
    background-color: #d4af37;
    color: #222;
}
#puzzle-clues .clue-done {
    color: #999;
    text-decoration: line-through;
}

#puzzle-wrapper {
    float: left;
    width: 54%;
    margin-right: 3%;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border: 5px solid #fff;
}
#puzzle-clues {
   float: left;
    width: 40%;
}
#puzzle-clues ul{
    padding-left: 0;
    margin-bottom: 30px
}
#puzzle-clues li{
    list-style: none;
    color: #fff;
}


@media (max-width: 1199px){
    #puzzle td {
        height: 22px;
    }
}
@media (max-width: 991px){
    #puzzle-wrapper {
        width: 62%;
    }
    #puzzle-clues {
        width: 35%;
    }    

}
@media (max-width: 767px){
    #puzzle-wrapper,
    #puzzle-clues {
        float: none;
        width: auto;
        margin: 0;
    } 
    
}

#mots-croises .btn-link,
#solution {
    color: #fff;
}
#solution {
    background: #000;
    padding: 15px 15px 10px;
    max-width: 180px;
}

.croix {
    display: none;
}

area {
    cursor: default;
}

#cont {
    position: absolute;
    left: 15px;
    right: 15px;
}
@media (max-width: 767px){
    #sept-erreurs .col-sm-6 {
        /* min-height: 400px; */
    } 
    
}


.charades {
    border: 1px solid rgba(204, 204, 204, 0.8);
    padding: 25px 15px 15px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    background: #fff;
}
.charades button {
    margin-bottom: 15px;
}
#charades img {
    border: 5px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}


.featured-boxes-full {
    width: auto;
}
.featured-box-full-feu {
    background-color: #f36034;
    color: #fff;
}
.featured-box-full-terre {
    background-color: #ab672a;
    color: #fff;
}
.featured-box-full-air {
    background-color: #5bc4bf;
    color: #fff;
}
.featured-box-full-eau {
    background-color: #3fa2d9;
    color: #fff;
}

.sky ul,
.sky h1,
.sky h2,
.sky h3,
.sky h4,
.sky p {
    position: relative;
    z-index: 10;
}

section.section-jeux {
    margin-top: -35px;
    position: relative;
}
section.section-jeux h1,
section.section-jeux p {
    color: #d4af37;
}


.stars {
    height: auto;
    color: #d4af37;
    text-align: center;
    border: 0;
    margin: -10px auto 30px auto;
    max-width: 100%;
    background-image: none;
    background-position: 50%;
    box-sizing: border-box;    
}
.stars:after {
    content: "★";
    font-size: 2em;
    text-shadow: -2em 0, -1em 0, 1em 0, 2em 0;
}

.nav-secondary.mg-top-zero {
    background: #fff;
}

/* DIGITAL LEARNING */

.livres-blancs.special .thumb-info.custom-thumb-info-style-2 {
    border: none;
    box-shadow: none;
}
.livres-blancs.special .thumb-info.custom-thumb-info-style-2 img {
    max-height: none;
    width: 100%;
}
.livres-blancs.special .thumb-info.custom-thumb-info-style-2 .thumb-info-caption {
    padding: 5px 0 0 !important;
}
.livres-blancs.special .thumb-info.custom-thumb-info-style-2 .thumb-info-caption p {
    line-height: 20px;
}

.section-background .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .lead p,
.livres-blancs.special .thumb-info.custom-thumb-info-style-2 .thumb-info-caption .lead p {
    line-height: 1.4;
}
.thumb-info.custom-thumb-info-style-2.bloc-picto {
    padding-top: 30px;
}
.section-background .thumb-info.bloc-picto .thumb-info-wrapper {
    display: inline-block;
}
.bloc-picto img {
    max-width: 128px;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);    
}
.bloc-picto .icon-featured img {
    max-width: 42px;  
}

.relative {
    position: relative;
}
.call-to-action h2 > p {
    font-size: inherit;
    line-height: inherit;
}
.lead > p {
    line-height: 1.4;
}
.bu-logo .popup-with-zoom-anim img {
    -webkit-transition: ease all 1s;
    -moz-transition: ease all 1s;
    transition: ease all 1s;
}
.bu-logo .popup-with-zoom-anim:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/* owl */

.owl-partenaires .owl-stage {
    display: flex;
    align-items: center;
}
.owl-partenaires .owl-item > div {
    padding: 0 10px;
}


/* liste des cv */

.views-exposed-form .form-item {
	 margin-bottom: 10px;
}
 .views-exposed-form .form-actions {
	 margin-bottom: 10px;
	 padding-left: 0;
}
 @media only screen and (max-width: 768px) {
	 .views-exposed-form .form-actions {
		 margin-top: 0;
		 padding-left: 15px;
	}
}

 .views-exposed-form + .views-infinite-scroll-content-wrapper {
	 border-top: 1px solid #dbdbdb;
	 padding-top: 10px;
}
 .views-exposed-form {
	 border-bottom: 1px solid #dbdbdb;
	 margin-bottom: 30px;
	 padding-bottom: 10px;
}
 .views-exposed-form label {
	 display: block;
	 float: left;
	 margin-top: 5px;
	 padding-right: 10px;
}
 .views-exposed-form .form-item {
	 display: inline;
}
 .views-exposed-form .form-actions {
	 display: inline-block;
	 margin-left: 10px;
}
 .views-exposed-form .select-style {

	 float: left;
}

 .views-exposed-form .form-submit {
	 margin-top: -6px;
}
 .views-exposed-form .form-actions .button {
	 margin-top: 1px;
}
 
.list-bloc h2 {
    text-transform: none;
}

/* dialog */

.path-node .ui-widget.ui-widget-content,
.path-contenus-videos-gratuits .ui-widget.ui-widget-content {
    border: none;
}
.path-node .ui-dialog .ui-dialog-titlebar,
.path-contenus-videos-gratuits .ui-dialog .ui-dialog-titlebar {
    background: #0098ae;
    border-color: #0098ae;
    color: #fff;
}
.path-node .ui-dialog .ui-dialog-titlebar-close,
.path-contenus-videos-gratuits .ui-dialog .ui-dialog-titlebar-close {
    background: url(../img/ex.svg) 0 0 no-repeat;
    margin-top: -8px;
}

.path-node .ui-button .ui-icon,
.path-contenus-videos-gratuits .ui-button .ui-icon {
    background-image: url(../img/ui-icons_ffffff_256x240.png);
    display: none;
}
.path-node .ui-dialog .ui-dialog-content,
.path-contenus-videos-gratuits .ui-dialog .ui-dialog-content {
    background-color: rgb(0, 174, 199) !important;
}
.path-node .ui-dialog .ui-dialog-buttonpane,
.path-contenus-videos-gratuits .ui-dialog .ui-dialog-buttonpane {
    background: #00aec7;
    border-color: #00aec7;
}
.webform-submission-form.row {
    margin: 0;
}

.thumb-video .popup-youtube.thumb-info {
    border: 1px solid #ddd;
}
.thumb-video .popup-youtube.thumb-info .thumb-info-wrapper {
    margin: 4px;
}
/*
.ajax-progress-fullscreen {
    left: 49%;
    position: fixed;
    top: 48.5%;
    z-index: 1000;
    background-color: #232323;
    background-image: url(../../../images/core/loading-small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7px;
    height: 24px;
    opacity: 0.9;
    padding: 4px;
    width: 24px;
}
*/