/* CSS styles pab */

body {
    font-family: 'ProximaNovaSoft-Regular';
    color: #505050;
}

.visible-xxs {
    display: none;
}

@media screen and (max-width: 480px) {
    .visible-xxs {
        display: block;
    }
}

.corail-border {
    border: 2px solid #d13130 !important;
}

.corail-bg {
    background-color: #d13130 !important;
}

.corail {
    color: #d13130 !important;
}

.centpourcent {
    width: 100%;
}

.center {
    margin: 0 auto;
    display: block;
}

.image-responsive {
    height: auto;
    max-width: 100%;
}

.bold {
    font-weight: 700;
}

a:hover,
a:active,
a:focus {
    color: #d13130 !important;
    text-decoration: none !important;
    outline: none !important;
}

*:focus {
    outline: none !important;
}

label {
    font-weight: 400;
    margin-bottom: 0px !important;
}

.proxima-bold,
strong,
b {
    font-family: 'ProximaNovaSoft-Bold';
    font-weight: normal;
    font-style: normal;
}

.proxima-medium {
    font-family: 'ProximaNovaSoft-Medium';
    font-weight: normal;
    font-style: normal;
}

.proxima-semibold {
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
}

.red {
    color: #d13130;
    font-style: italic;
}

.red-raw {
    color: #d13130;
}

.grey-one {
    color: #616161;
}

.grey-two {
    color: #505050 !important;
}

.grey-three {
    color: #787878;
}

.white {
    color: #ffffff;
}

.white-bg-color {
    background-color: white !important;
}

.red-bg-color {
    background-color: #D3322D !important;
}

.lagoon-bg-color {
    background-color: #4eaeb2 !important;
}

.blue-bg-color {
    background-color: #a0b8df !important;
}

.mustard-bg-color {
    background-color: #eeac39 !important;
}

.grey-bg-color {
    background-color: #dcdbd9 !important;
}

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

.green-bg-color {
    background-color: #007800 !important;
}

.crecheslib-bg-color {
    background-color: #308fd1 !important;
}

.keep-all {
    word-break: keep-all;
    display: block;
    margin: 0px !important;
}

#homepage #service3 .btn-style, #homepage #service3 .btn-style:hover {
    color: #505050 !important;
    border-color: #505050 !important;
}

.reviews h3 {
    color: #5d5d5d;
}

.white-border {
    border-color: #ffffff !important;
}

.red-border {
    border-color: #d13130 !important;
}

.white-border-3 {
    border: 3px solid #ffffff !important;
}

.nopadding {
    padding: 0px !important;
}

.nopaddingleft {
    padding-left: 0px !important;
}

.nopaddingright {
    padding-right: 0px !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.pb-15 {
    padding-bottom: 15px;
}

.uppercase {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.center-table {
    display: table;
}

.v-center {
    display: table-cell;
    vertical-align: middle;
}

.v-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.alert-info-switch-country {
    max-width: 100%;
    z-index: 9999;
    display: block;
    line-height: 1;
}

.alert-info-align-img-text {
    float: left;
}

.basket-selection {
    position: relative;
    bottom: 20px;
    font-style: italic;
    font-size: 13px;
    text-transform: uppercase;
    color: grey;
}

@media screen and (max-width: 320px) {
    .basket-selection-btn {
        width: 100% !important;
    }
}

.basket-selection-btn {
    display: flex;
    width: 292px;
    font-style: italic;
    font-size: 13px;
    text-transform: uppercase;
    justify-content: center;
    margin-bottom: 15px;
    color: grey;
}

@media screen and (max-width: 767px) {
    .see-page-en {
        width: 100% !important;
    }
}

.see-page-en {
    float: right;
    margin: 5px 0px -5px 0px;
    text-align: center;
    width: 180px;
    font-style: italic;
    font-size: 13px;
    text-transform: uppercase;
    color: grey;
}

@media screen and (max-width: 767px) {
    .select-creche-en {
        width: 100% !important;
    }
}

.select-creche-en {
    float: right;
    margin: 5px 0px 0px 0px;
    text-align: center;
    width: 180px;
    font-style: italic;
    font-size: 13px;
    text-transform: uppercase;
    color: grey;
}

#listing-creches #basket .basket-avec-selection .button {
    margin: 20px 0 5px 0;
}

#flag-switch-country {
    margin-left: 15px;
}

.btn-style {
    border-radius: 22px;
    font-family: 'ProximaNovaSoft-Bold';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 10px 35px;
    display: inline-block;
    text-align: center;
    border: 2px solid transparent;
}

h1, h2 {
    color: #d13130;
    margin: 0;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 28px;
    padding-top: 15px;
    padding-bottom: 35px;
    margin: 0;
}

h3 {
    font-size: 24px;
    font-family: 'ProximaNovaSoft-Semibold';
    padding-bottom: 30px;
    margin: 0;
}

p {
    padding-bottom: 25px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

/* Default wysiwyg */

h1, h2 {
    color: #d13130;
    margin: 0;
}

.container-wysiwyg h1 {
    padding-bottom: 35px;
    font-size: 42px;
}

#accueil-espace-creche .container-wysiwyg h2,
#detail-espace-creche .container-wysiwyg h2,
#listing-espace-creche .container-wysiwyg h2 {
    font-size: 28px;
    padding-top: 15px;
    padding-bottom: 30px;
    margin: 0 !important;
}

.container-wysiwyg h3 {
    font-size: 24px;
    font-family: 'ProximaNovaSoft-Semibold';
    padding-bottom: 30px;
    margin: 0;
}

.container-wysiwyg h4 {
    font-size: 20px;
    font-family: 'ProximaNovaSoft-Semibold';
    padding-bottom: 20px;
    color: #afa59d;
    margin: 0;
}

.container-wysiwyg p {
    padding-bottom: 20px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.container-wysiwyg ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.container-wysiwyg ol {
    padding: 0 0 0 20px;
    margin: 0 0 25px 0;
}

.container-wysiwyg ul li {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.container-wysiwyg ul li:before {
    content: "• " !important;
    color: #d13130;
    font-size: 140%;
    padding-right: 5px;
}

.container-wysiwyg img {
    max-width: 100%;
    height: auto;
}

.container-wysiwyg blockquote p {
    padding-bottom: 0px;
}

.container-wysiwyg blockquote {
    padding: 20px;
    background-color: #f5f5f5;
    border-left: 5px solid #d13130;
    color: #d13130;
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0;
}

.container-wysiwyg table {
    clear: both;
    margin: 15px 0 30px 0;
}

.container-wysiwyg hr {
    margin: 15px 0 30px 0 !important;
}

.container-wysiwyg a {
    color: #d13130 !important;
}

.container-wysiwyg p img {
    margin-left: 0px !important;
}

.container-wysiwyg img {
    max-width: 100%;
    height: auto !important;
}

.creche-detail .bloc-plus ul {
    list-style-type: disc;
}

@media screen and (max-width: 767px) {
    .container-wysiwyg iframe {
        max-height: 100%;
        width: 100%;
        padding-bottom: 25px;
    }
}

.clear {
    clear: both;
}

@media screen and (max-width: 479px) {
    .hidden-xxs {
        display: none !important;
    }
}

.headband {
    background-position: center center;
}

.headband .swiper-wave {
    position: inherit;
    display: inline-table;
    width: 100%;
}

.headband div.title {
    color: white;
    height: 260px;
    padding: 0;
}

.headband div.title div {
    display: table;
    height: 100%;
}

.headband div.title span {
    display: table-cell;
    vertical-align: middle;
    font-size: 36px;
    line-height: 1;
}

.breadcrumb {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: white;
    font-size: 13px;
    padding-left: 0;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .headband .swiper-wave img {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb {
        display: none !important;
    }

    .headband {
        margin-bottom: 30px;
    }
}

.breadcrumb a:hover,
.breadcrumb a,
.breadcrumb {
    color: #afa59d !important;
}

.column div.blocs,
.column div#map {
    margin-bottom: 30px;
    float: left;
}

.column div.blocs {
    border-radius: 12px;
    overflow: hidden;
}

.icons-creche {
    list-style-type: none;
}

ul {
    list-style: none;
}

.back {
    margin-bottom: 30px;
    font-size: 14px;
    font-family: 'ProximaNovaSoft-Semibold';
}

.back a {
    display: inline-flex;
    color: #505050;
}

.back div.img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

.back div.img img {
    margin: auto;
}

.sub-menu ul {
    text-align: center;
    padding: 15px 0px;
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.2);
    z-index: 300;
    position: relative;
}

.sub-menu ul li {
    font-family: 'ProximaNovaSoft-Semibold';
    display: inline-table;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 0px;
    border-radius: 15px;
}

.sub-menu ul li a {
    color: #505050;
    padding: 15px;
}

.sub-menu ul li.active {
    background-color: #d13130;
}

.sub-menu ul li.active a {
    color: white;
}

.sub-menu ul li.active a:hover,
.sub-menu ul li.active a:active,
.sub-menu ul li.active a:focus {
    color: white !important;
}

.container-wsub-menu .breadcrumb {
    padding-top: 15px;
}

@media screen and (min-width: 992px) {
    h1 {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .headband div.title {
        height: 200px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    .breadcrumb {
        display: none !important;
    }

    .back {
        margin: 15px 0px 15px 0px;
    }
}

em {
    color: #d13130;
}

/*************/
/*   Header  */
/*************/

/* Begin Animmate menu */

#nav-hamburger {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#nav-hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 22px;
    background: #505050;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-hamburger span:nth-child(1) {
    top: 1px;
}

#nav-hamburger span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 5px;
}

#nav-hamburger.open span:nth-child(2) {
    top: 13px;
}

#nav-icon span:nth-child(3) {
    top: 10px;
}

#nav-hamburger span:nth-child(4) {
    top: 17px;
}

#nav-hamburger.open span:nth-child(1) {
    top: 30px;
    width: 0%;
    left: 50%;
}

#nav-hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
}

#nav-hamburger.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.search-pre-header li.num {
    display: table;
}

.search-pre-header li.num img {
    padding-right: 5px;
}

.search-pre-header li.num > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    border-left: 1px solid #e1e1e1;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #nav-hamburger {
        margin-right: 60px;
    }
}

/* End Animmate menu */

#template-cms .dropdown-menu > li > a {
    white-space: normal !important;
}

#header .navbar-header a {
    max-width: 100%;
    height: auto;
}

.pre-header-bg {
    background-color: #f5f5f5;
    height: 50px;
}

.pre-header {
    display: table;
}

.search-pre-header {
    padding: 0px;
    font-size: 13px;
    margin-bottom: 0px;
    height: 50px;
}

.search-pre-header li {
    height: 50px;
}

.search-pre-header li > a {
    display: table-cell;
    vertical-align: middle;
    padding: 14px 20px;
}

.search-pre-header li > a:hover {
    text-decoration: none;
}

.search-pre-header li a img {
    padding-right: 10px;
}

.search-pre-header li:nth-child(2) {
    border-left: 1px solid #e1e1e1;
}

.search-pre-header li.hamburger {
    height: 52px;
    margin-right: 0;
}

.desc-pre-header {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1;
}

.main-menu .navbar-nav li span:hover,
.main-menu .navbar-nav li a:hover {
    color: #d13130 !important;
}

.main-menu .navbar-nav li ul {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 30;
    padding-top: 10px;
    display: none;
}

.main-menu .navbar-nav li ul:hover,
.main-menu .navbar-nav li:hover ul {
    display: table;
}

.main-menu .navbar-nav li ul li {
    text-align: left;
    padding: 6px 20px;
    margin: 0;
    text-transform: none;
    font-family: 'ProximaNovaSoft-Regular';
    border-top: 2px solid #f5f5f5;
    white-space: nowrap;
}

.main-menu .navbar-nav li ul li a,
.main-menu .navbar-nav li ul li span {
    border: 0;
}

.main-menu .navbar-nav li ul li:last-child {
    text-align: left;
}

#header .container.menu-content {
    padding: 0px;
}

#header .navbar-header a img {
    width: 280px;
}

@media screen and (max-width: 1199px) {
    #header .container.menu-content {
        padding: 0 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #header .container {
        padding: 0 5px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav ul li {
        margin-left: 0;
    }

    .main-menu .navbar-default {
        padding: 0 15px;
    }
}

@media screen and (min-width: 992px) {
    .main-menu .navbar-header {
        height: 90px;
        display: table;
    }
}

@media screen and (min-width: 1200px) {
    .main-menu nav {
        width: 100%;
    }

    .main-menu .navbar-header a,
    .main-menu .navbar-header span {
        display: table-cell;
        vertical-align: middle;
    }

    .main-menu nav ul {
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
        height: 90px;
    }

    .main-menu nav ul li {
        flex-grow: 1;
        text-align: right;
        margin-left: 20px;
    }

    .main-menu nav ul li.active a {
        background-color: transparent !important;
    }

    .main-menu nav ul li:last-child {
        text-align: right;
    }

    .main-menu nav ul li:first-child {
        text-align: left;
    }

    .main-menu nav ul li span {
        cursor: pointer;
    }

    .main-menu nav ul li span,
    .main-menu nav ul li a {
        display: block;
        font-size: 14.5px;
        color: #505050 !important;
    }

    .main-menu nav ul li a {
        padding: 0px 10px;
    }

    .main-menu nav ul li span:active,
    .main-menu nav ul li span:focus,
    .main-menu nav ul li span:hover {
        color: #d13130 !important;
    }

    .main-menu nav ul li a:last-child {
        padding: 0px;
    }

    .main-menu .navbar-nav {
        float: right;
    }

    .main-menu .navbar-default {
        background-color: transparent;
    }
}

@media screen and (max-width: 991px) {
    .footer-menu-responsive .panel-body li a {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1199px) {
    #header .container {
        width: 100%;
    }

    .main-menu .navbar-header a {
        padding-right: 0px;
    }

    .main-menu .navbar-default {
        padding: 0;
    }

    .main-menu nav ul li span,
    .main-menu nav ul li a {
        font-size: 14px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    #nav-hamburger {
        margin: 12px 50px 12px 12px;
        padding-right: 22px;
    }

    .hamburger .menu-hamburger {
        padding: 15px 0px 15px 40px;
    }

    .navbar-toggle {
        display: block;
    }

    .main-menu nav ul li span,
    .main-menu nav ul li a {
        font-size: 16px;
        color: #505050 !important;
        border: 1px solid #dcdcdc;
        border-radius: 20.5px;
        display: flex;
    }

    .main-menu nav ul li {
        padding: 0px 5px;
        margin: 10px 10px;
    }

    .main-menu .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none !important;
    }

    .navbar-nav > li > span {
        display: block;
        position: relative;
    }

    .navbar-nav > li > span,
    .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .main-menu .navbar-toggle .icon-bar {
        border-radius: 0px;
        color: #505050;
        height: 3px;
    }

    .main-menu .navbar-nav li ul {
        position: inherit;
        padding: 0;
    }

    .main-menu .navbar-toggle {
        border: 1px solid transparent;
    }

    .main-menu .navbar-toggle:hover,
    .main-menu .navbar-toggle:focus {
        background-color: transparent;
    }

    .main-menu .navbar-nav li a:focus {
        outline: none !important;
    }

    .main-menu .navbar-default {
        background-color: transparent;
    }

    .main-menu .navbar-collapse {
        border-top: 1px solid transparent;
        overflow-x: hidden;
    }

    .main-menu .navbar-header {
        padding: 25px 0px;
    }

    .dropdown .plus,
    .dropdown-menu li .plus,
    #header .nav li .plus {
        background-image: url('/modules/pab/template/images/ui-accordeon-plus.svg') !important;
        height: 11px;
        width: 11px;
        background-repeat: no-repeat;
        border: 0px solid transparent;
    }

    .dropdown-menu li.active .plus {
        background-image: url('/modules/pab/template/images/ui-accordeon-plus-blanc.svg') !important;
    }

    .dropdown .moins,
    .dropdown-menu li .moins,
    #header .nav li .moins {
        background-image: url('/modules/pab/template/images/ui-accordeon-moins.svg') !important;
        height: 11px;
        width: 11px;
        background-repeat: no-repeat;
        border: 0px solid transparent;
        background-position: center center;
    }

    .dropdown-menu li.active .moins {
        background-image: url('/modules/pab/template/images/ui-accordeon-moins-blanc.svg') !important;
    }

    .menu-hamburger {
        font-size: 13px;
        font-family: 'ProximaNovaSoft-Bold';
        text-transform: uppercase;
        color: #505050;
        position: absolute;
        top: 4px;
        right: 20px;
        padding: 15px 20px 15px 20px;
        cursor: pointer;
    }

    .main-menu nav ul li span {
        cursor: pointer;
    }

    .main-menu .navbar-nav li ul:hover,
    .main-menu .navbar-nav li:hover ul {
        display: none;
    }

    .dropdown li ul li:first-child,
    .main-menu .navbar-nav li ul li:first-child {
        border: 2px solid transparent !important;
    }

    .desc-pre-header {
        font-size: 14px;
    }

    .search-pre-header li.num img {
        padding: 0;
    }

    .search-pre-header li.num > div {
        padding: 0 15px;
    }

    .search-pre-header li > a {
        padding: 14px 15px;
    }

    .search-pre-header li:nth-child(3) {
        width: 210px;
    }

    .search-pre-header li:nth-child(1) .grey-two {
        display: none !important;
    }

    .search-pre-header li:nth-child(1) img {
        padding-right: 0;
    }

    .pre-header {
        padding: 0px;
    }

    /* main menu */
    .main-menu nav ul li a {
        font-size: 16px !important;
    }

    .search-pre-header {
        padding-right: 0 !important;
        height: 50px !important;
    }

    .search-pre-header li {
        height: 50px !important;
    }

    .pre-header-bg {
        position: relative;
    }

    .main-menu .navbar-toggle {
        position: absolute;
        top: 0;
        right: 0;
        padding-left: 10px;
        padding-right: 15px;
        margin-right: 45px;
    }

    .pre-header {
        padding: 0;
        height: 50px !important;
    }

    .pre-header-bg {
        padding-right: 0;
        height: 50px !important;
    }

    .search-pre-header li:last-child {
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    #header .navbar-header a img {
        width: 260px;
    }

    #nav-hamburger {
        padding-right: 10px;
    }

    .search-pre-header li.visible-xs {
        display: table !important;
        padding: 0;
    }

    .search-pre-header li.visible-xs a {
        height: 52px;
        width: 52px;
    }

    .search-pre-header li a img {
        padding: 0px;
    }

    .search-pre-header li.visible-xs {
        border-left: 1px solid #e1e1e1 !important;
    }

    .search-pre-header li.visible-xs a {
        height: 50px !important;
    }

    .main-menu .navbar-toggle {
        margin-right: 0;
    }

    .search-pre-header {
        padding-right: 0 !important;
    }

    #nav-hamburger {
        margin: 12px;
    }
}

@media screen and (max-width: 479px) {
    #header .navbar-header a img {
        width: 195px;
    }

    .pre-header {
        padding-left: 0;
    }

    .pre-header-bg {
        padding-left: 10px;
    }
}

@media screen and (max-width: 350px) {
    .desc-pre-header {
        width: 120px;
    }

    .search-pre-header li.visible-xs a {
        width: 45px !important;
    }

    .search-pre-header li > a {
        padding: 14px 14px;
    }
}

.search-pre-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

select {
    background-color: white;
}

/*************/
/*    Home   */
/*************/

/* Begin services */

.services-global {
    border-radius: 12px;
    margin: 20px 0px 20px 0px;
}

.services-global:first-child {
    margin-top: 0px;
}

.services {
    height: 260px;
}

.services .lagoon-bg-color {
    border-radius: 12px;
}

.services-desc {
    display: table-cell;
    vertical-align: middle;
}

.services-more {
    display: table-cell;
    padding-left: 100px;
}

.services-more-one {
    display: table-cell;
    padding-left: 30px;
}

.services-global-desc {
    height: 100%;
    display: table;
    padding: 30px;
}

#service3 .services-more {
    padding-left: 30px;
}

#service3 .services-desc p {
    color: #505050;
}

#service3 .services-desc h3 {
    color: #505050;
}

.services-desc h3 {
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    margin: 0px;
    font-family: 'ProximaNovaSoft-Regular';
}

.services-desc p {
    line-height: 1;
    color: #ffffff;
    margin: 0px;
    font-size: 18px;
    line-height: 24px;
}

.blue-bg-color .services-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.grey-bg-color .services-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.lagoon-bg-color .services-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.services-more a,
.services-more-one a {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

#homepage .btn-style.white:hover {
    color: #ffffff !important;
}

#homepage h2 {
    font-size: 36px;
    padding: 0;
}

#homepage .contenu h3 {
    padding: 0px;
}

@media screen and (max-width: 1199px) {
    #homepage .container {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .services-more .btn-style {
        padding: 6px 20px;
    }

    .services-more,
    .services-more-one {
        padding-left: 10px;
    }

    .services-desc h3 {
        font-size: 22px;
    }

    .services-desc p {
        font-size: 15px;
        line-height: 1.2;
    }

    .services-desc h3 {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .services-img {
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0px !important;
    }

    .services-global {
        margin: 10px 0px;
    }

    .services-global-desc {
        padding: 20px;
    }
}

@media screen and (max-width: 479px) {
    .services-desc,
    .services-more,
    .services-more-one {
        width: 100%;
        float: left;
    }

    .services-more img,
    .services-more-one img {
        margin-top: 20px;
    }

    .services-more,
    .services-more-one {
        padding-left: 0px;
    }

    .services-more a,
    .services-more-one a {
        position: inherit;
        float: right;
        margin-top: 10px;
        width: 100%;
    }

    .services-more button,
    .services-more-one button {
        width: 100%;
        margin-top: 20px;
        position: inherit !important;
    }

    .services-more img {
        margin-bottom: 20px;
        float: left;
    }

    .services-more a {
        position: inherit;
        float: left;
        clear: both;
    }
}

/* End services */

/* Begin creche carousel */

.creche {
    background-color: #f5f5f5;
    padding: 50px 0px 60px 0px;
}

.creche h2 {
    line-height: 1;
    margin: 0px 0px 30px 0px;
}

.creche p {
    color: #505050;
    font-size: 20px;
    line-height: 26px;
    margin: 0px 0px 25px 0px;
}

.carousel-creche {
    margin: 50px 0px 30px 0px;
}

.carousel-creche .swiper-slide.swiper-slide-active .carousel-desc,
.carousel-creche .swiper-slide.swiper-slide .carousel-desc {
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 10px;
    margin-bottom: 25px;
    margin-right: 25px;
    margin-left: 25px;
    display: block;
}

.carousel-creche .swiper-slide.swiper-slide-active .v-bottom {
    opacity: 1;
    background-color: transparent;
}

.carousel-creche .swiper-slide .v-bottom {
    background-color: #ffffff;
    opacity: 0.5;
}

.carousel-creche .address {
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1;
    font-family: 'ProximaNovaSoft-Regular';
}

.carousel-creche .subtitle {
    color: #3c3c3c;
}

.carousel-creche .title {
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Bold';
    line-height: 1;
}

.carousel-creche div:last-child {
    font-size: 15px;
}

.carousel-creche .subtitle {
    font-size: 26px !important;
    line-height: 1;
    margin-top: 5px;
}

.carousel-creche .swiper-button-prev,
.carousel-main .swiper-button-prev {
    background-image: url('/modules/pab/template/images/ui-slider-fleche-gauche.svg');
    left: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background-position: 40% 50%;
}

.carousel-creche .swiper-button-next,
.carousel-main .swiper-button-next {
    background-image: url('/modules/pab/template/images/ui-slider-fleche-droite.svg');
    right: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-position: 60% 50%;
}

.carousel-creche .swiper-button-prev,
.carousel-creche .swiper-button-next,
.carousel-main .swiper-button-prev,
.carousel-main .swiper-button-next {
    background-repeat: no-repeat;
    background-size: auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px 25px;
    margin-top: 0px;
    top: 45%;
}

.carousel-creche .swiper-slide {
    height: 500px;
    width: 750px;
    position: relative;
}

.carousel-creche .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.carousel-main .swiper-container {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .carousel-creche .swiper-slide {
        height: 400px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-creche .swiper-button-prev,
    .carousel-creche .swiper-button-next,
    .carousel-main .swiper-button-prev,
    .carousel-main .swiper-button-next {
        padding: 10px 15px;
    }

    .carousel-creche .swiper-button-prev,
    .carousel-creche .swiper-button-next,
    .carousel-main .swiper-button-prev,
    .carousel-main .swiper-button-next {
        background-size: 40% 40%;
    }

    .carousel-creche .swiper-slide {
        height: 350px;
    }

    .carousel-creche .swiper-slide.swiper-slide-active .carousel-desc {
        padding: 10px;
    }
}

@media screen and (max-width: 992px) {
    .carousel-creche .swiper-slide.swiper-slide-active {
        opacity: 1;
        background-color: transparent !important;
    }

    .carousel-creche .swiper-container .swiper-slide {
        height: 350px;
    }

    .carousel-creche .swiper-slide {
        display: flex;
        width: 100%;
        position: relative;
        background-color: #ffffff;
        opacity: 0.5;
    }

    .carousel-creche .swiper-slide .v-bottom {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .carousel-creche .swiper-slide {
        height: 350px;
    }

    .creche {
        padding: 20px 0px 30px 0px;
    }

    .carousel-creche {
        margin: 30px 0px 0px 0px;
    }

    .carousel-creche .swiper-button-prev,
    .carousel-creche .swiper-button-next {
        display: none;
    }

    .carousel-creche .swiper-slide.swiper-slide-active .carousel-desc {
        padding: 10px;
    }

    .creche {
        background-color: #ffffff;
    }
}

@media screen and (max-width: 479px) {
    .carousel-creche .carousel-desc .subtitle {
        margin-top: 0px;
    }
}

/* End creche carousel */

/* global carousels */

.swiper-slide {
    cursor: grab;
}

/* Begin main carousel */

.carousel-main .swiper-slide {
    height: calc(100vh - 140px - 191px);
    max-height: 566px;
}

.carousel-main [data-display='desktop'], .carousel-main [data-display='mobile'] {
    max-width: 100%;
}

.carousel-main [data-display='desktop'] {
    display: block;
}

.carousel-main [data-display='mobile'] {
    display: none;
}


.carousel-main .swiper-container {
    position: relative;
}

.swiper-wave {
    position: absolute;
    z-index: 10;
    width: 100%;
}

.cross-block {
    width: 190px;
    height: 180px;
    background-color: #64859b;
    display: table;
    text-transform: uppercase;
}

.cross-block p {
    margin-top: 15px;
    line-height: 18px;
}

.cross-block > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cross-block .iam {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.cross-block .title {
    font-family: 'ProximaNovaSoft-Bold';
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #ffffff;
    display: inline-block;
    width: 100%;
}

.cross-blocks {
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 60px;
    width: 380px;
    height: 360px;
    position: absolute;
    bottom: 0px;
    z-index: 9;
}

.cross-blocks a:hover > div {
    background-color: #fab900;
}

.cross-blocks .group:first-child a:hover:first-child > div {
    border-top-left-radius: 12px;
}

.cross-blocks .group:first-child a:hover:last-child > div {
    border-top-right-radius: 12px;
}

.cross-blocks .group:last-child a:hover:first-child > div {
    border-bottom-left-radius: 12px;
}

.cross-blocks .group:last-child a:hover:last-child > div {
    border-bottom-right-radius: 12px;
}

.cross-blocks .group a:hover {
    text-decoration: none;
}

.cross-blocks .group:first-child .cross-block:first-child {
    border-top-left-radius: 12px !important;
}

.cross-blocks .group:first-child .cross-block:first-child > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.cross-blocks .group:first-child .cross-block:last-child > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.cross-blocks .group:last-child .cross-block:first-child > div {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.cross-blocks .group:first-child .cross-block:last-child {
    border-top-right-radius: 12px !important;
}

.cross-blocks .group:last-child .cross-block:first-child {
    border-bottom-left-radius: 12px !important;
}

.cross-blocks .group:last-child .cross-block:last-child {
    border-bottom-right-radius: 12px;
}

.cross-block.active > div {
    background-color: #d13130;
}

.cross-blocks .group:first-child .cross-block:first-child.active > div {
    border-top-left-radius: 12px;
}

.cross-blocks .group:first-child .cross-block:last-child.active > div {
    border-top-right-radius: 12px;
}

.cross-blocks .group:last-child .cross-block:first-child.active > div {
    border-bottom-left-radius: 12px;
}

.cross-blocks .group:last-child .cross-block:last-child.active > div {
    border-bottom-right-radius: 12px;
}

@media screen and (max-width: 1199px) {
    .cross-blocks {
        margin-left: 60px;
    }
}

@media screen and (max-width: 767px) {
    .cross-blocks {
        width: 320px;
        height: 300px;
        margin-left: 10px;
        margin-bottom: 40px;
    }

    .cross-block {
        width: 160px;
        height: 150px;
    }

    .cross-block p {
        padding-bottom: 0px;
        margin-top: 10px;
    }

    .carousel-main .swiper-button-prev,
    .carousel-main .swiper-button-next {
        display: none;
    }

    .swiper-wave {
        height: 35px;
    }

    .carousel-main [data-display='desktop'] {
        display: none;
    }

    .carousel-main [data-display='mobile'] {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    .carousel-main .swiper-wrapper .swiper-slide {
        background: none !important;
    }

    .cross-blocks {
        margin: 20px auto;
        transform: translateX(-50%);
        left: 50%;
    }

    .swiper-wave {
        display: none;
    }

    .carousel-main .swiper-slide {
        display: none;
    }

    .carousel-main [data-display='desktop'] {
        display: none;
    }
}

/* End main carousel */

/* Begin search */

.search {
    background-color: #ACA199;
    padding: 20px 0;
}

.search .container {
    width: 962px;
}

.search-desc h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1;
    color: #ffffff;
    margin-top: 0;
}

.search-desc h1 strong {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.search-places {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    padding-bottom: 10px;
}

.search button {
    width: 80px;
    border-radius: 0 40px 40px 0;
    line-height: 20px;
    min-height: 60px;
    padding: 5px;
    font-size: 16px;
    position: relative;
}

.search-google {
    float: left;
    border-radius: 31px;
    height: 60px;
    background-color: #ffffff;
    width: calc(100% - 80px);
    position: relative;
}

#searchform #where {
    font-size: 20px;
    font-family: Helvetica, Arial, sans-serif;
    color: #a0a0a0;
}

.search-icon {
    position: absolute;
    left: 25px;
    top: 17px;
}

.search-google #mygeoloc {
    position: absolute;
    left: 25px;
    top: 10px;
    height: 40px;
}

.search-google #mygeoloc .pin-icon {
    position: absolute;
    top: 7px;
}

.search-google #search-responsive {
    position: absolute;
    right: 50px;
    top: -10px;
    height: 40px;
}

.search-google #search-responsive .pin-icon {
    position: absolute;
    right: -1px;
    top: 0;
    background-color: #afa59d;
    border-top-right-radius: 31px;
    border-bottom-right-radius: 31px;
}

#searchform #where {
    width: 100%;
    padding-left: 60px;
    border: 2px solid transparent;
    height: 100%;
    border-radius: 31px 0 0 31px;
    color: #505050;
    font-size: 20px;
    text-overflow: ellipsis;
}

#searchform .search-google #search-responsive {
    display: none;
}

@media screen and (max-width: 767px) {
    #searchform #where::-webkit-input-placeholder {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    #searchform .search-google .search-icon {
        display: none;
    }

    #searchform .search-google #search-responsive {
        display: block;
        border: 0 none;
        position: absolute;
        right: 0;
        top: 0;
        width: 62px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .search-google #search-responsive .pin-icon {
        padding: 21px 25px 21px 21px;
    }
}

/* End search */

/* Begin global home */

@media screen and (max-width: 479px) {
    .search-desc h1 {
        display: block;
        padding-bottom: 20px;
    }

    .search-places {
        display: none;
    }

    .search {
        padding: 20px 0;
    }
}

/* End global home */

/****************/
/*  Home part 2 */
/****************/

#homepage .sub-shortcuts .content {
    line-height: 1.2
}

.tips {
    margin-bottom: 80px;
}

.tips,
.tips a {
    color: #d13130;
}

.tips h2 {
    margin-top: 70px;
    margin-bottom: 5px;
    height: 80px;
}

#homepage .illustration {
    height: 330px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}

#homepage .illustration img {
    max-width: 100%;
    height: auto;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

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

.tips .actualites,
.tips .conseils {
    background-color: white;
    padding: 0;
    width: 49%;
}

.tips .shadow {
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

.tips .resume {
    margin-bottom: 30px;
    height: 100px;
}

.tips div.contenu {
    padding: 30px;
}

.tips .contenu h3 {
    margin-bottom: 15px;
}

.tips .sub-conseils, .tips .sub-actualites {
    color: #a6a6a6;
    font-size: 16px;
}

.tips h3 {
    margin-top: 5px;
    font-size: 28px;
    /*height: 65px;*/
    min-height: 65px;
}

.tips .resume {
    color: #505050;
    font-size: 18px;
}

.tips .arrow,
.arrow {
    width: 26px;
    position: relative;
}

.tips .arrow img,
.arrow img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tips div.suite {
    display: inline-flex;
    display: -webkit-inline-flex;
    line-height: 26px;
}

.tips div.suite span {
    margin-left: 10px;
    font-size: 18px;
    color: #505050;
}

.tips div.suite:hover span, .tips div.suite:active span {
    color: #d13130 !important;
}

.tips .all {
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    float: right;
}

@media screen and (max-width: 992px) {
    .tips div.contenu {
        padding: 20px;
        margin-bottom: 20px;
    }

    .tips {
        font-size: 12px;
    }
}

@media screen and (min-width: 766px) and (max-width: 920px) {
    .tips .all {
        float: none;
    }

    .tips .suite, .tips .all {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .tips h3 {
        height: auto;
    }

    .tips .actualites, .tips .conseils {
        width: 100% !important;
    }

    .tips h2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .tips .resume {
        margin-bottom: 0px;
    }

    .tips {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .tips h2 {
        margin: 0;
        height: 60px !important;
    }

    .tips .suite, .tips .all {
        width: 100%;
        margin-bottom: 10px;
    }

    .tips .actualites, .tips .conseils {
        margin-bottom: 20px;
    }

    .tips h3 {
        margin-bottom: 20px;
    }

    .tips .suite {
        margin-top: 10px;
    }

    .tips .all {
        float: none;
    }

    .illustration {
        /*height: 230px;*/
        height: auto;
    }
}

.shortcuts {
    line-height: 1;
    margin-bottom: 50px;
}

.shortcuts .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px;
}

.shortcuts, .shortcuts a {
    color: white;
}

.shortcuts a:hover,
.shortcuts a:active {
    color: white !important;
}

.shortcuts a {
    text-decoration: none;
}

.shortcuts div.blocs1,
.shortcuts div.blocs2 {
    border-radius: 12px;
    margin-bottom: 30px;
}

.shortcuts div.blocs2 {
    display: flex;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 315px;
    font-size: 22px;
}

.shortcuts div.blocs1 {
    display: flex;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 143px;
    font-size: 22px;
}

.shortcuts div.sub-shortcuts {
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
}

.shortcuts .blocs1 div.sub-shortcuts {
    /*display: -webkit-box;*/
    display: -ms-flexbox;
    display: flex;
}

.shortcuts .blocs1 div.content {
    margin: auto;
    display: -ms-flexbox;
    /*display: -webkit-box;*/
    -ms-flex-align: center;
}

.shortcuts div.blocs2 img {
    margin-bottom: 20px;
    padding-top: 10px !important;
}

.shortcuts div.blocs1 img {
    margin: auto;
    margin-right: 25px;
    padding-top: 10px !important
}

.shortcuts div.blocs1 .bilingue img {
    padding-top: 0 !important;
}

/* .shortcuts .bilingue img.answer-home-creche
{
	height: 100px !important;
} */

@media screen and (max-width: 1080px) {
    .shortcuts div.sub-shortcuts {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* .shortcuts .bilingue img.answer-home-creche {
        margin-right: 0px;
        height: 80px !important;
    } */
}

@media screen and (max-width: 600px) {
    .shortcuts .bilingue img.answer-home-creche {
        margin-right: 20px;
    }
}

.shortcuts .shortcuts-tel b {
    font-size: 28px;
}

.shortcuts .shortcuts-tel .sub-tel {
    font-size: 14px;
}

.shortcuts .shortcuts-search {
    background-color: #d13130;
}

.shortcuts .shortcuts-tel {
    background-color: #64859b;
}

.shortcuts .shortcuts-tarif {
    background-color: #bbccd1;
}

.shortcuts .shortcuts-pourquoi {
    background-color: #83cce7; /* orange non: #faaf45 */
}

.shortcuts .shortcuts-presse {
    background-color: #fab900
}

.shortcuts .shortcuts-recrutement {
    background-color: #afa59d;
}

.shortcuts .responsive-shortcuts {
    display: none;
}

.shortcuts img.answer-home-creche {
    height: 70px;
    width: 140px;
}

@media screen and (max-width: 991px) {
    .shortcuts .responsive-shortcuts {
        display: block;
    }

    .shortcuts .shortcuts-lg {
        display: none;
    }

    .shortcuts div.blocs2, .shortcuts div.blocs1 {
        min-height: 0;
        padding: 20px;
    }

    .shortcuts div.blocs2 img, .shortcuts div.blocs1 img {
        margin-bottom: 10px;
    }

    .shortcuts div.shortcuts-presse {
        height: 315px;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .shortcuts div.sub-shortcuts {
        padding: 0;
    }

    .shortcuts div.col-sm-6 {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .shortcuts {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 600px) {
    .shortcuts img.answer-home-creche {
        width: auto;
    }

    .shortcuts, .shortcuts div.sub-shortcuts {
        padding: 0;
    }

    .shortcuts div.blocs2, .shortcuts div.blocs1 {
        font-size: 22px;
        /*height: 143px;*/
        height: auto;
    }

    .shortcuts .blocs1 div.sub-shortcuts, .shortcuts .blocs2 div.sub-shortcuts {
        display: table;
    }

    .shortcuts div.content {
        display: table-cell !important;
        vertical-align: middle
    }

    .shortcuts div.sub-shortcuts img {
        display: inline-block;
        float: left;
        margin-right: 25px;
    }

    .shortcuts div.shortcuts-tel {
        padding-right: 0px;
    }

    .shortcuts div.shortcuts-tel div.sub-shortcuts img {
        margin-right: 10px;
    }


}

.introduction {
    background-color: white;
}

.introduction button {
    border-color: #d13130 !important;
}

.introduction .creche-desc p {
    margin-bottom: 35px;
}

.creche-desc > div > p {
    padding-bottom: 0px;
}

.creche-desc h2 {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .creche-desc h2,
    #homepage h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 479px) {
    .creche-desc h2,
    #homepage h2 {
        font-size: 24px;
    }
}

/*************/
/*   Footer  */
/*************/

#footer[data-selectnursery='true'] .container-fluid {
    padding-bottom: 90px;
}

#footer .container-fluid {
    padding: 0;
    color: #505050;
    background-color: #f5f5f5;
}

#footer .container {
    margin-bottom: 30px;
}

.headband-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.headband-footer h2 {
    margin-top: 0;
    font-size: 32px;
    color: white;
    padding: 0;
}

.headband-footer {
    background: url('/modules/pab/template/images/pattern-footer-headband.png') repeat-x;
    background-color: #df6865;
    color: white;
    padding: 60px 40px;
    font-size: 15px;
    margin: 0;
}

.headband-footer::before {
    content: "  ";
    width: 100%;
    height: 25px;
    background: url('/modules/pab/template/images/footer-waves-top@2x.png') repeat-x;
    background-size: 1600px 23px;
    position: absolute;
    top: 0;
    left: 0;
}

.headband-footer::after {
    content: "  ";
    width: 100%;
    height: 23px;
    background: url('/modules/pab/template/images/footer-waves-bottom@2x.png') repeat-x;
    background-size: 1600px 23px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-list {
    padding-right: 60px;
    padding-left: 0;
}

.footer-list a,
.footer-mentionlegal a,
.footer-menu-responsive a {
    color: #505050;
    text-decoration: none;
}

#footer .title {
    text-transform: uppercase;
    font-family: 'ProximaNovaSoft-Bold';
    margin-bottom: 20px;
    font-size: 16px;
}

.footer-list .title {
    margin-top: 50px;
}

.footer-list ul {
    padding: 0;
}

.footer-list ul li {
    padding-bottom: 5px;
    font-size: 18px;
}

.footer-list ul li a {
    line-height: 20px;
}

#footer .panel {
    border: 0;
    box-shadow: none;
}

#footer .panel-heading {
    padding: 0;
}

.footer-menu-responsive div,
.footer-menu-responsive .panel-body li {
    padding: 5px 0;
}

.footer-menu-responsive div {
    background-color: #f5f5f5;
}

.footer-menu-responsive .panel-heading {
    border: 1px solid #dcdcdc;
    border-radius: 20.5px;
}

.footer-menu-responsive .panel-body ul {
    padding-left: 20px;
}

#footer .footer-menu-responsive .panel-body {
    border: 0;
}

#footer .footer-menu-responsive .panel-heading a h4.title {
    margin-bottom: 0;
    padding: 10px 20px;
    display: flex;
}

.dropdown-menu li span .caret,
.dropdown-menu li a .caret,
#header .nav li .caret,
.footer-menu-responsive .panel-heading a h4 .caret {
    margin-bottom: auto;
    margin-top: auto;
    margin-left: auto;
}

.footer-social {
    margin-top: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.footer-social .footer-social-link {
    display: inline-block;
    margin: 5px;
}

.footer-social .footer-social-link div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #505050;
    position: relative;
}

.footer-social .footer-social-link div img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.footer-logos div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.footer-logos .footer-reviews {
    flex-direction: column;
}

.footer-reviews h3 {
    padding-bottom: 0;
}

.footer-menu-responsive {
    display: none;
}

.footer-mentionlegal {
    margin-bottom: 15px !important;
}

.footer-logos-container .cpt-res,
.footer-logos-container .caf-res {
    display: none;
}

.footer-logos-container .footer-logos .caf img {
    margin-left: 100px;
}

.footer-logos-container .footer-logos .cpt img {
    margin-left: 40px;
}

.select-nursery > div {
    padding: 20px 25px;
}

@media screen and (max-width: 1199px) {
    #footer .footer-logos-container {
        width: 100%;
    }

    .footer-logos div a {
        margin-right: 10px;
    }
}

@media screen and (max-width: 991px) {
    #footer .footer-list-container, #footer .footer-social-wall {
        width: 100% !important;
    }

    .footer-logos-container {
        padding: 0;
    }

    .footer-logos-container .footer-logos .caf, .footer-logos-container .footer-logos .cpt {
        display: none;
    }

    .footer-logos-container .footer-logos .caf-res {
        display: block;
        float: right;
    }

    .footer-logos-container .footer-logos .cpt-res {
        display: block;
        float: right;
    }
}

@media screen and (max-width: 888px) {
    #footer .footer-logos {
        padding: 0;
    }

    .footer-logos div a {
        margin-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .panel-group .panel + .panel {
        margin: 0 !important;
    }

    .footer-list {
        display: none;
    }

    .footer-menu-responsive {
        display: block;
    }

    #footer {
        margin-top: 10px;
    }

    .footer-social {
        margin-top: 0;
    }

    #footer .container {
        margin-bottom: 10px;
    }

    .footer-menu-responsive div {
        padding: 5px 0;
    }

    #footer .footer-menu-responsive .panel-heading .plus {
        background-image: url('/modules/pab/template/images/ui-accordeon-plus.svg') !important;
        height: 11px;
        width: 11px;
        background-repeat: no-repeat;
        border: 0 solid transparent;
    }

    #footer .footer-menu-responsive .panel-heading .moins {
        background-image: url('/modules/pab/template/images/ui-accordeon-moins.svg') !important;
        height: 11px;
        width: 11px;
        background-repeat: no-repeat;
        border: 0px solid transparent;
        background-position: center center;
    }
    .footer-logo-img {
        display: none;
    }
    .footer-logos > div {
        justify-content: center;
        border-bottom: 1px solid #dcdcdc;
        padding: 15px 0 25px;
    }
    #footer[data-selectnursery='true'] .container-fluid {
        padding-bottom: 90px;
    }
    #footer[data-sticky='true'] .container-fluid {
        padding-bottom: 70px;
    }
    #footer[data-selectnursery='true']#footer[data-sticky='true'] .container-fluid {
        padding-bottom: 160px;
    }
    .select-nursery [data-sticky='true'] {
        padding:20px 25px 92px;
    }
}

@media screen and (max-width: 410px) {
    #footer .footer-social .footer-social-link {
        margin: 5px 3px;
    }

    #footer .footer-social .footer-social-link div {
        height: 30px;
        width: 30px;
    }
}

@media screen and (max-width: 321px) {
    #footer .footer-social {
        padding-left: 0;
        padding-right: 0;
    }
}

/************************/
/* Page listing crehces */
/************************/

#listing-creches .distance-creche {
    color: rgba(80, 80, 80, 0.5);
    width: 100%;
    margin-top: 5px;
    display: block;
}

#listing-creches {
    background-color: #f5f5f5;
}

#listing-creches #searchform select {
    position: absolute;
    height: 67%;
    top: 0px;
    right: 80px;
    border: 2px solid transparent;
    color: #a0a0a0;
    font-size: 20px;
    border-left: 1px solid #e6e6e6;
    margin: 10px 0px;
    padding-left: 10px;
    cursor: pointer;
}

#listing-creches .search {
    padding: 25px 0;
    margin-bottom: 30px;
}

#listing-creches #searchform select option {
    width: 100%;
    font-size: 20px;
}

#listing-creches .criteria {
    float: left;
    padding-left: 90px;
    padding-top: 25px;
    margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
    #listing-creches .criteria {
        float: left;
        padding-left: 30px;
        padding-top: 25px;
        margin-bottom: 0px;
    }
}

#listing-creches .criteria li {
    display: inline-table;
    margin-bottom: 10px;
}

#listing-creches .desc-criteria {
    font-size: 18px;
    line-height: 1;
    padding: 0px 10px;
}

#listing-creches .criteria li label {
    padding-right: 20px;
}

#listing-creches .criteria li label,
#listing-creches .criteria li img,
#listing-creches .criteria li .desc-criteria {
    vertical-align: middle;
}

#listing-creches .mycheckbox {
    position: relative;
}

#listing-creches .mycheckbox input {
    position: relative;
    z-index: -9999;
}

#listing-creches .mycheckbox .input-check-creche {
    width: 18px;
    height: 18px;
    display: block;
    background: url("/modules/pab/template/images/ui-elements-checkbox.svg");
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#listing-creches .mycheckbox input[type="checkbox"]:checked + .input-check-creche {
    background: url("/modules/pab/template/images/ui-elements-checkedbox.svg");
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#listing-creches .css-select {
    background-image: url('/modules/pab/template/images/ui-form-dropdown.svg');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

#listing-creches select::-ms-expand {
    display: none;
}

#listing-creches .desc-places h1 {
    font-size: 28px;
    line-height: 1;
    margin: 40px 0 20px 0;
    color: #505050;
}

#listing-creches .global-bloc-creche {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}

#listing-creches .bloc-creche-img {
    overflow: hidden;
    height: 100%;
    background-color: #ffffff;
}

#listing-creches .bloc-creche-img img {
    height: 100%; /* add */
    position: relative;
    max-height: 100%;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#listing-creches .bloc-creche {
    padding: 0px 25px;
    height: 190px;
    border: 4px solid transparent;
    float: left;
}

/* Begin Etat actif  */

#listing-creches .active-bloc {
    border: 4px solid #d13130;
    overflow: hidden;
}

#listing-creches .active-bloc .select-creche .btn-style.select img {
    padding-right: 10px;
}

#listing-creches input.css-checkbox[type="checkbox"],
#listing-creches .select-creche .btn-style img {
    display: none;
}

#listing-creches .select-creche .btn-style {
    padding-left: 25px;
    padding-right: 25px;
}

#listing-creches label.btn-style {
    cursor: pointer;
}

#listing-creches input.css-checkbox[type="checkbox"]:checked + label.btn-style img {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    margin-right: 20px;
    padding-right: 0;
}

/* End Etat actif  */

#listing-creches .desc-creches,
#listing-creches .select-creche {
    width: 50%;
    color: #505050;
    height: 100%;
    position: relative;
}

#listing-creches .select-creche {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

#listing-creches .desc-creches {
    float: left;
}

#listing-creches .desc-creche img {
    margin-bottom: 10px;
}

#listing-creches .global-desc-creche {
    padding: 20px;
    height: 100%;
    position: relative;
    background-color: white;
    display: inline-flex;
    float: right;
}

#listing-creches .select-creche a,
#listing-creches .select-creche label {
    float: left;
    margin-top: 10px;
    white-space: nowrap;
}

#listing-creches .select-creche .btn-style {
    padding: 6px 30px;
    display: inline-flex;
}

#listing-creches input.css-checkbox[type="checkbox"]:checked + label.btn-style {
    padding: 6px 15px;
}

#listing-creches input.css-checkbox[type="checkbox"]:checked + label.btn-style img {
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}

#listing-creches .places {
    font-size: 18px;
}

#listing-creches .places strong {
    color: #d13130;
}

#listing-creches .places0 {
    color: #a0a0a0;
    float: right;
    font-size: 18px;
}

#listing-creches .desc-creches h2.title {
    padding: 0;
    color: #505050;
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Regular';
    line-height: 22px;
    margin: 0 0 5px 0;
}

#listing-creches .desc-creches .address {
    font-size: 16px;
    line-height: 22px;
    max-height: 22px;
    font-family: 'ProximaNovaSoft-Bold';
}

#listing-creches .icons-creche {
    padding-left: 0px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
}

#listing-creches .icons-creche li {
    float: left;
    margin-right: 8px;
}

#listing-creches .basket {
    background-color: #ddd9d6;
    padding: 25px;
    font-size: 18px;
    min-height: 240px;
}

#listing-creches #map {
    width: 100%;
    height: 900px;
}

#listing-creches .basket .basket-sans-selection {
    display: none;
}

#listing-creches .basket .basket-sans-selection {
    white-space: normal;
}

#listing-creches .basket-responsive .basket-sans-selection strong,
#listing-creches .basket .basket-sans-selection strong {
    font-size: 22px;
    margin-top: 20px;
}

#listing-creches .basket-responsive .basket-sans-selection .sub-tel,
#listing-creches .basket .basket-sans-selection .sub-tel {
    font-size: 15px;
    clear: both;
}

#listing-creches .basket img, #listing-creches .basket-responsive img {
    margin-right: 15px;
}

#listing-creches .basket h3 {
    margin-top: 0px;
    margin-bottom: 16.5px;
    font-size: 18px;
    padding: 0;
}

#listing-creches .basket .basket-avec-selection {
    padding: 0;
}

#listing-creches .basket .basket-avec-selection .basket-selected {
    display: table;
    margin-bottom: 10px;
    line-height: 1;
}

#listing-creches .basket .basket-avec-selection .basket-selected .deselection {
    cursor: pointer;
}

#listing-creches .basket .basket-avec-selection .basket-selected div {
    display: table-cell;
}

#listing-creches .basket .basket-avec-selection .button {
    width: 100%;
    float: left;
    margin: 20px 0;
}

#listing-creches a.white:hover,
#listing-creches a.white:active,
#listing-creches a.white:focus {
    color: white !important;
}

#listing-creches .basket button {
    margin: 25px 0px 20px 0px;
    font-size: 16px;
    border-radius: 26px;
    padding: 15px 30px;
    line-height: 20px;
    white-space: nowrap;
}

#listing-creches .cpt {
    float: left;
    background-color: #4eaeb2;
    font-size: 24px;
    line-height: normal;
    padding: 15px 25px;
}

#listing-creches .cpt div,
.creche-detail .cpt div {
    margin-bottom: 25px;
}

.creche-detail .cpt div {
    font-size: 24px;
    line-height: normal;
}

.creche-detail .cpt div:last-child {
    margin-bottom: 0px;
}

.creche-detail .cpt.blocs div a:hover {
    color: #fff !important;
}

#listing-creches .basket .basket-avec-selection .tel {
    line-height: normal;
}

#listing-creches .basket .basket-avec-selection .sub-tel {
    font-size: 14px;
}

#listing-creches .basket-responsive {
    display: none;
    background-color: rgba(209, 49, 48, 0.88);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 20px;
    padding-bottom: 5px;
    /* max-height: 100px; */
    min-height: 72px;
    z-index: 20;
    font-size: 18px;
    color: white;
}

#listing-creches .basket-responsive .basket-sans-selection div {
    padding-top: 10px;
    line-height: 1;
}

#listing-creches .basket-responsive .basket-sans-selection span {
    margin-left: 20px;
}

#listing-creches .basket-responsive h3 {
    margin: 10px 0;
}

#listing-creches .basket-responsive .selection {
    max-width: 500px;
    margin-right: 20px;
    float: left;
    max-height: 20px;
    overflow: hidden;
}

#listing-creches .basket-responsive .more a {
    font-size: 18px;
    color: white;
}

#listing-creches .basket-responsive .more a:hover,
#listing-creches .basket-responsive .more a:focus,
#listing-creches .basket-responsive .more a:active {
    text-decoration: none;
    color: white !important;
}

#listing-creches .basket-responsive li {
    color: white;
    max-width: 150px;
    float: left;
    line-height: normal;
    font-size: 18px;
    max-height: 40px;
    overflow: hidden;
    margin-right: 20px;
}

#listing-creches .basket-responsive a,
#listing-creches .basket-responsive button {
    /*  position: absolute; */
    transform: translateY(-50%);
    top: 50%;
}

#listing-creches .basket-responsive .second a {
    position: static !important;
}

#listing-creches .basket-responsive a
#listing-creches .basket-responsive.list_select a {
    position: absolute;
}

#listing-creches .basket-responsive a.selection-btn {
    display: none;
    left: 25px;
}

#listing-creches .basket-responsive a.pre-inscription {
    right: 25px;
}

#listing-creches .icons-creche a {
    position: relative;
}

#listing-creches .icons-creche a[title]:hover:after {
    content: attr(title);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    font-size: 14px;
    padding: 4px 8px;
    position: absolute;
    right: -40px;
    top: -120%;
    white-space: nowrap;
    z-index: 1;
}

#listing-creches .separator {
    background-color: #f5f5f5;
    margin: 15px 0px;
    text-align: center;
    border-top: 1px solid #e6e6e6;
}

#listing-creches .separator .separator-title {
    background-color: #f5f5f5;
    top: -8px;
    line-height: 1;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    color: rgba(80, 80, 80, 0.3);
    font-size: 15px;
    max-width: 500px;
}

#listing-creches .listing-creches {
    margin
    -top: 20px;
}

#listing-creches .select-creche .see,
#listing-creches .select-creche .select {
    max-width: 180px;
}

#listing-creches .select-creche .places,
#listing-creches .select-creche .see,
#listing-creches .select-creche .select {
    float: right;
}

@media screen and (max-width: 1199px) {
    #listing-creches .container {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #listing-creches .basket-responsive a {
        color: #fff;
    }

    #listing-creches .basket-responsive a.pre-inscription {
        color: #d13130;
    }

    #listing-creches #map {
        display: none;
    }

    #listing-creches .basket {
        width: 100%;
    }

    #listing-creches .basket-responsive {
        display: block;
    }

    #basket {
        padding-top: 0 !important;
    }

    #listing-creches .criteria li {
        width: 49%;
        white-space: nowrap
    }

    #listing-creches .bloc-creche {
        width: 100%;
    }

    #listing-creches .desc-places h1 {
        font-size: 24px;
    }

    #listing-creches .basket-responsive a.selection-btn {
        display: block;
    }

    #listing-creches .basket-responsive h3,
    #listing-creches .basket-responsive .more,
    #listing-creches .basket-responsive .selection {
        display: none;
    }
}

@media screen and (max-width: 881px) {
    #listing-creches .basket-responsive .selection {
        max-width: 350px;
    }
}

@media screen and (max-width: 767px) {
    #listing-creches .places0 {
        float: none !important;
        clear: both;
        padding-top: 5px;
    }

    #listing-creches .bloc-creche {
        height: 100%;
    }

    #listing-creches .active-bloc {
        height: 100%;
        overflow: hidden;
    }

    #listing-creches .bloc-creche-img img {
        width: 100%;
        max-width: 100%;
        left: 0%;
        transform: none;
    }

    #listing-creches .global-desc-creche {
        background-color: #ffffff;
        height: auto;
        display: block;
        padding: 25px 20px;
    }

    #listing-creches .desc-creches,
    #listing-creches .select-creche {
        width: 100%;
    }

    #listing-creches .icons-creche li {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    #listing-creches .select-creche .places {
        float: none;
        max-width: 100%;
        padding-top: 5px;
    }

    #listing-creches .icons-creche,
    #listing-creches .desc-creches,
    #listing-creches .select-creche,
    #listing-creches .select-creche .see,
    #listing-creches .select-creche .select {
        position: initial;
    }

    #listing-creches .select-creche .see,
    #listing-creches .select-creche .select {
        width: 100%;
        margin-top: 15px;
        float: left;
        max-width: 100%;
    }

    #listing-creches .select-creche .see {
        display: block;
    }

    #listing-creches .select-creche .select {
        position: relative;
    }

    #listing-creches .select-creche .select span {
        margin-right: auto;
        margin-left: auto;
    }

    #listing-creches input.css-checkbox[type="checkbox"]:checked + label.btn-style img {
        margin-left: auto;
    }

    #listing-creches input.css-checkbox[type="checkbox"]:checked + label.btn-style span {
        margin-right: auto;
        margin-left: 0;
    }

    #listing-creches .basket-responsive {
        padding: 10px;
    }
}

@media screen and (max-width: 600px) {
    #listing-creches .criteria li {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    #listing-creches .basket-responsive .responsive-btn {
        float: left;
        width: 100%;
    }

    #listing-creches .basket-responsive .basket-sans-selection {
        float: left;
        width: 100%;
    }

    #listing-creches .basket-responsive .basket-sans-selection div {
        padding: 0;
    }

    #listing-creches .basket-responsive .responsive-btn a,
    #listing-creches .basket-responsive .responsive-btn button {
        width: 100%;
        position: initial;
        transform: none;
    }

    #listing-creches .basket-responsive .responsive-btn .btn-style {
        padding: 5px 35px;
        margin-bottom: 10px;
    }

    #listing-creches .select-creche .see,
    #listing-creches .select-creche .select {
        width: 100%;
    }

    #listing-creches .liste {
        padding: 0
    }

    #listing-creches #basket {
        padding: 0
    }
}

@media screen and (max-width: 400px) {
    #listing-creches .basket button {
        width: 100%;
        padding: 15px;
        white-space: normal;
    }
}

.headband-faq {
    background: url('/modules/pab/template/images/headband-cms.png') no-repeat;
    background-position: center;
    display: block;
}

.headband-conseilpe {
    background: url('/modules/pab/template/images/headband-conseils.png') no-repeat;
    background-position: center;
    display: block;
}

.headband-actualites {
    background: url('/modules/pab/template/images/headband-actualites.png') no-repeat;
    background-position: center;
    display: block;
}

.headband-cms {
    background: url('/modules/pab/template/images/headband-cms.png') no-repeat;
    background-position: center;
    display: block;
}

.headband-form {
    background: url('/modules/pab/template/images/headband-cms.png') no-repeat;
    background-position: center;
    display: block;
}

.faq-container h2 {
    font-size: 30px;
}

.faq-container .col-xs-8 {
    padding: 0;
}

.faq-container .faq-questionreponse a {
    color: #d13130;
}

.faq-container .faq-questionreponse .panel-body ul {
    padding-left: 10px;
}

.faq-questionreponse .panel-default .panel-heading a h4 {
    width: 100%;
}

.faq-questionreponse .panel-default .panel-heading a p {
    margin: 0;
}

.faq-questionreponse .panel-default .panel-heading {
    padding: 0;
}

.faq-questionreponse .panel-default .panel-heading a h4 {
    padding: 10px 15px;
    display: inline-flex;
}

.faq-container .panel-group .panel + .panel {
    margin-bottom: 10px !important;
}

.panel-group.faq-questionreponse .panel.panel-default {
    margin-bottom: 10px;
}

.faq-questionreponse .panel-default .panel-heading a span {
    background: url("/modules/pab/template/images/ui-slider-fleche-droite.svg") no-repeat;
    border: 0 none;
    height: 18px;
    width: 20px;
    background-size: contain;
    background-position: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    transform: rotate(90deg);
    transition: 0.1s;
}

.faq-questionreponse .panel-default .panel-heading a.collapsed span {
    transform: rotate(0deg);
    transition: 0.1s;
}

.faq-questionreponse .panel-body {
    padding: 25px 20px 15px 15px !important;
}

.faq-questionreponse .panel-body p:last-child {
    padding-bottom: 0 !important;
}

.cpe-container .desc-conseils h3 {
    margin-bottom: 0px !important;
}

.cpe-container {
    font-size: 18px;
}

.cpe-container .desc-conseils a:hover {
    color: white !important;
}

.cpe-container .intro div {
    margin-top: 30px;
    margin-bottom: 60px;
}

.cpe-container .col-md-6 .main {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 260px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.cpe-container .col-md-6 .main img {
    max-width: none;
    width: 100%;
    height: auto;
    max-height: 100%;
}

.cpe-container .desc-conseils {
    float: left;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    color: white;
    margin-bottom: 30px;
    padding: 40px 30px;
}

.cpe-container .col-md-6:nth-child(2n + 2) {
    padding-right: 0;
}

.cpe-container .col-md-6:nth-child(2n + 1) {
    padding-left: 0;
}

.cpe-container .desc-conseils h3 {
    font-family: 'ProximaNovaSoft-Bold';
    color: white;
    font-size: 24px;
    margin: inherit;
    margin-bottom: 20px;
    padding: 0;
}

.cpe-container .desc-conseils img {
    float: left;
}

.cpe-container .desc-conseils div,
.cpe-container .desc-conseils h3 {
    padding-left: 105px;
    height: 65px;
}

.cpe-container .desc-conseils .all-conseils {
    margin-top: 35px;
    white-space: nowrap;
}

.cpe-container .desc-conseils div {
    height: 80px;
}

.cpe-container .sante-securite .desc-conseils {
    background-color: #f0b446;
}

.cpe-container .alimentation .desc-conseils {
    background-color: #afc86d;
}

.cpe-container .hygiene-bienetre .desc-conseils {
    background-color: #50b9be;
}

.cpe-container .pedagogie .desc-conseils {
    background-color: #9185be;
}

.cpe-container .desc-conseils div p {
    height: 80px;
    padding-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .cpe-container .desc-conseils {
        padding: 30px 20px;
    }

    .cpe-container .desc-conseils div {
        height: 145px;
        overflow: hidden;
    }

    .cpe-container .desc-conseils div p {
        height: 145px;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    .cpe-container .desc-conseils div {
        height: 100%;
        float: left;
    }

    .cpe-container .desc-conseils div p {
        height: 100%;
        padding-bottom: 0px;
    }

    .cpe-container .col-md-6 {
        padding: 0;
    }

    .cpe-container .desc-conseils {
        width: 100%;
    }

    .headband {
        display: block;
    }

    .cpe-container .col-md-6 .main img {
        -ms-transform: translateY(-15%);
    }

    .cpe-container .col-md-6 .main {
        -ms-transform: translateY(15%);
    }
}

@media screen and (max-width: 479px) {
    .cpe-container .desc-conseils div,
    .cpe-container .desc-conseils h3 {
        padding-left: 75px;
    }

    .cpe-container .desc-conseils h3 {
        margin-bottom: 10px;
    }
}

.creche-detail {
    font-size: 18px;
    color: #505050;
    padding: 0;
}

.creche-detail h1 {
    font-weight: bold;
}

.creche-detail hr {
    margin-top: 40px;
    margin-bottom: 25px;
}

.creche-detail .container {
    padding: 0;
}

.creche-detail .carousel-creche {
    margin: 0;
}

.creche-detail .ouverture {
    margin-top: 15px;
}

.creche-detail .infos-creche {
    padding-top: 10px;
}

.creche-detail .infos-creche div {
    color: #a0a0a0;
    margin-top: 5px;
}

.creche-detail .icons-creche {
    margin-top: 30px;
    width: 100%;
    padding: 0;
}

.creche-detail .icons-creche li {
    display: inline-table;
    vertical-align: middle;
    width: 40%;
    margin-bottom: 10px;
    white-space: nowrap;
    color: #d13130;
}

.creche-detail .icons-creche li img {
    margin-right: 15px;
    max-width: 20px;
}

.creche-detail .column .blocs {
    background-color: #f5f5f5;
    padding: 30px 25px;
    width: 100%;
}

.creche-detail .column .blocs a.pre-inscription {
    margin: 20px 0px;
}

.creche-detail .column .blocs a.pre-inscription:hover {
    color: white !important;
}

.creche-detail .column .blocs span {
    font-size: 26px;
}

.creche-detail .column .bloc-plus {
    background-color: #83cce7;
    background-image: url('/modules/pab/template/images/pattern-le-plus-creche.png');
    background-position: center;
}

.creche-detail .column .bloc-plus p:last-child {
    padding-bottom: 0 !important;
}

.creche-detail .column .bloc-plus div {
    margin-top: 20px;
}

.creche-detail .column .bloc-flexi {
    background-color: #eeac39;
    font-size: 24px;
}

.creche-detail .column .bloc-flexi img {
    margin-right: 30px;
}

.creche-detail .column .postuler div,
.creche-detail .column .bloc-flexi div {
    margin-bottom: 30px;
}

.creche-detail .fixed-bottom {
    position: fixed;
    bottom: 0;
    background-color: rgba(209, 49, 48, 0.88);
    z-index: 200;
    display: none;
}

/*.creche-detail .fixed-bottom div,*/
.creche-detail .fixed-bottom .places-fixed-bottom {
    float: left;
}

.creche-detail .map {
    width: 100%;
    height: 500px;
}

.creche-detail #mapresponsive {
    display: none;
}

.creche-detail .btn-responsive {
    margin-top: 50px;
    display: none;
}

@media screen and (max-width: 991px) {
    .creche-detail .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .creche-detail .description-creche ul li:before {
        left: 30px;
    }

    .creche-detail #map {
        display: none;
    }

    .creche-detail #mapresponsive {
        display: block;
        margin-bottom: 20px;
    }

    .creche-detail .blocs.places {
        margin-top: 20px;
    }
}

@media screen and (min-width: 550px) and (max-width: 991px) {
    .creche-detail .postuler a,
    .creche-detail .bloc-flexi a {
        display: none;
    }

    .creche-detail a.btn-responsive {
        display: block;
        width: 220px;
    }
}

@media screen and (max-width: 479px) {
    .creche-detail .map {
        height: 300px;
    }

    .creche-detail .bloc-flexi {
        font-size: 22px;
    }

    .creche-detail .icons-creche li {
        width: 100%;
    }
}

.detail-actualite .titre-actualite {
    max-width: 950px;
    margin-bottom: 10px;
}

.detail-actualite .date-actualite {
    font-size: 16px;
    color: #a0a0a0;
    margin-bottom: 15px;
}

.detail-actualite .img-responsive {
    width: 100%;
}

.detail-actualite .main-image-actualite {
    margin-bottom: 50px;
}

.detail-actualite a .at-icon-wrapper {
    background-color: #afa59d !important;
    border-radius: 50%;
    display: flex;
}

.detail-actualite a.at-share-btn {
    background-color: #afa59d !important;
    border-radius: 50% !important;
}

.detail-actualite .at-icon {
    width: 25px !important;
    margin: auto;
}

.detail-actualite .col-md-8 {
    padding-left: 0;
}

.detail-actualite .col-md-4 {
    padding-right: 0;
}

.container .business-ad .reserver,
.detail-actualite .reserver {
    margin: 30px 0px;
}

.container .business-ad,
.detail-actualite .business-ad {
    text-align: center;
    width: 100%;
}

.container .business-ad .reserver:hover,
.detail-actualite .reserver:hover {
    color: white !important;
}

.detail-actualite .derniere-actualite {
    background-color: #ffffff;
    margin: 15px 0 30px 0;
    text-align: left;
    border-top: 1px solid #e6e6e6;
}

.business-ad a {
    color: #ffffff !important;
}

.business-ad .illustration img {
    width: 100% !important;
    height: auto;
    position: inherit;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.business-ad .illustration {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}

.detail-actualite .derniere-actualite-title {
    background-color: #ffffff;
    bottom: 0.5em;
    line-height: 1;
    padding: inherit;
    padding-right: 40px;
    position: relative;
    display: inline-block;
    color: #3a3a3a;
    font-size: 18px;
    max-width: 500px;
}

.detail-actualite .actualite {
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.detail-actualite .actualite .img-bloc {
    border-right: 1px solid #ebebeb;
    overflow: hidden;
    height: 160px;
}

.img-bloc img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#actualite-detail .img-bloc img,
#conseil-detail .img-bloc img {
    max-width: 100%;
}

.detail-actualite .actualite .content {
    padding: 25px;
    height: 100%;
}

.detail-actualite .actualite .date-derniere-actualite {
    color: #a0a0a0;
    font-size: 15px;
}

.detail-actualite .actualite .title-derniere-actualite {
    font-size: 24px;
    line-height: 1;
    max-height: 72px;
}

@media screen and (max-width: 1199px) {
    .detail-actualite .titre-actualite {
        max-width: 750px;
    }
}

@media screen and (max-width: 991px) {
    .col-md-8,
    .col-md-4 {
        padding: 0;
    }

    .detail-actualite .titre-actualite {
        max-width: none;
    }

    .detail-actualite {
        width: 100%;
    }

    .detail-actualite .addthis_sharing_toolbox {
        clear: both;
        float: left !important;
    }

    .detail-actualite .actualite .title-derniere-actualite {
        max-height: 48px;
    }
}

@media screen and (max-width: 479px) {
    .detail-actualite .actualite .img-bloc,
    .detail-actualite .actualite .content {
        width: 100%;
    }

    .detail-actualite .actualite .img-bloc {
        border-bottom: 1px solid #ebebeb;
        border-right: 0px solid transparent;
    }
}

.container-wysiwyg.container-wsub-menu .column .blocs .navigation {
    padding-top: 5px;
}

.container-wsub-menu .bloc-content,
#conseil-detail .bloc-content,
#actualite-detail .bloc-content {
    width: 100%;
    background-color: rgb(175, 165, 157);
    color: white;
    padding: 25px 30px;
    font-size: 22px;
    display: flex;
}

#actualite-detail .container-wysiwyg {
    overflow: auto;
}

#template-cms .breadcrumb {
    padding: 15px 0px 15px 0px;
}

#template-cms .column a.btn-style {
    color: #ffffff !important;
    margin-top: 15px !important;
}

#template-cms .bloc-content img,
#conseil-detail .bloc-content img,
#actualite-detail .bloc-content img {
    width: 45px;
    margin-right: 25px;
}

.container-wsub-menu .bloc-content img,
.container-wsub-menu .bloc-content .content {
    margin-top: auto;
    margin-bottom: auto;
}

.container-wsub-menu .bloc-content img {
    margin-right: 30px;
}

.formulaire {
    font-size: 18px;
    background-color: #f5f5f5;
    color: #505050;
}

.headband-formulaire {
    position: relative;
    padding: 20px 0;
    background-color: #d13130;
}

/*****************/
/* Espace presse */
/*****************/

#presse .presse-bloc {
    height: 260px;
}

#presse .presse-bloc-desc {
    padding: 30px !important;
    overflow: hidden;
}

#presse .presse-bloc {
    margin-bottom: 30px;
    width: 100%;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

#presse .ias-item .date-presse {
    color: #a0a0a0;
    font-size: 15px;
}

#presse .ias-item .titre-presse {
    font-size: 24px;
    line-height: 24px;
    max-height: 50px;
    color: #d13130;
    margin-top: 0px;
}

#presse .img-presse img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#presse .desc-presse {
    padding: 25px;
}

#presse .chapo {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#presse .date {
    color: #a0a0a0;
    font-size: 15px;
    margin-bottom: 5px;
}

#presse audio {
    margin: 10px 0px;
}

#presse .download {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    font-size: 16px;
}

#presse .download img {
    width: 15px;
    margin-right: 5px;
}

#presse .img-presse {
    height: 260px;
    overflow: hidden;
    border-right: 1px solid #ebebeb;
}

#presse .ias-item a {
    color: #d13130;
}

#presse .ias-trigger-next,
#presse .ias-trigger-next a:hover,
#presse .ias-trigger-prev a:hover {
    color: #ffffff !important;
}

#presse .titre-presse {
    margin-bottom: 10px;
    height: 150px;
    color: #505050;
}

@media screen and (max-width: 767px) {
    #presse .presse-bloc {
        height: 100%;
    }

    #presse .img-presse,
    #presse .presse-bloc-desc {
        width: 100%;
    }

    #presse .bloc-desc {
        padding: 20px;
    }

    #presse .chapo {
        text-overflow: inherit;
        white-space: inherit;
    }

    #presse .ias-item .titre-presse {
        max-height: none;
        height: auto;
    }
}

/**********************/
/* Listing Actualités */
/*  Listing Conseils  */
/**********************/

.cpe-container .intro > div p {
    padding-bottom: 0px;
}

.desc-conseils .is-truncated p {
    padding-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .desc-conseils .content-max {
        font-size: 18px;
    }

    .desc-conseils .texte-chapo {
        font-size: 16px;
    }

    .desc-conseils h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    #listing-conseils .texte-chapo,
    #listing-actus .texte-chapo {
        white-space: inherit;
    }
}

.texte-chapo {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    font-size: 16px;
}

.desc-conseils .content-max {
    font-weight: normal !important;
}

#conseil-detail .illustration {
    border-bottom: 1px solid transparent;
    height: auto;
    padding-right: 15px;
}

#conseil-detail .illustration.top img,
#actualite-detail .illustration.top img {
    max-width: 100%;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    top: 0px;
    left: 0px;
    min-width: inherit;
    min-height: inherit;
}

#actualite-detail,
#conseil-detail {
    font-size: 18px;
}

#actualite-detail a {
    color: #d13130;
}

#conseil-detail .illustration,
#actualite-detail .illustration {
    margin-bottom: 15px;
}

#listing-conseils .tips div.suite span,
#listing-actus .tips div.suite span {
    margin-left: 10px;
    font-size: 18px;
    color: #505050;
}


/** Page conseil Parentalite **/
#listing-conseils .parentalite .suite a:hover span {
    color: #50b9be !important;
}
#listing-conseils .parentalite .category.btn-style,
#conseil-detail .parentalite .category.btn-style,
.btn-type.btn-detail.parentalite {

    border: 2px solid #50b9be;
}

#conseil-detail.parentalite .date-actualite,
#listing-conseils .parentalite {
    border-bottom: 3px solid #50b9be;
}

#listing-conseils .parentalite .arrow,
#listing-conseils .parentalite .category.btn-style,
#conseil-detail .parentalite .category.btn-style,
.btn-type.btn-detail.parentalite {
    background-color: #50b9be;
}
/** **/

/** Page conseil Grossesse **/
#listing-conseils .grossesse .suite a:hover span {
    color: #f0b446 !important;
}
#listing-conseils .grossesse .category.btn-style,
#conseil-detail .grossesse .category.btn-style,
.btn-type.btn-detail.grossesse {

    border: 2px solid #f0b446;
}

#conseil-detail.grossesse .date-actualite,
#listing-conseils .grossesse {
    border-bottom: 3px solid #f0b446;
}

#listing-conseils .grossesse .arrow,
#listing-conseils .grossesse .category.btn-style,
#conseil-detail .grossesse .category.btn-style,
.btn-type.btn-detail.grossesse {
    background-color: #f0b446;
}
/** **/

/** Page Conseil generique **/
.btn-type.btn-detail {
    margin-bottom: 25px;
}

#listing-conseils .category.btn-style,
#conseil-detail .category.btn-style,
.btn-type.btn-detail {
    padding: 2px 20px !important;
    font-family: 'ProximaNovaSoft-Medium' !important;
    font-size: 11px !important;
    color: #ffffff !important;
    float: right !important;
    letter-spacing: 1px;
    border-radius: 22px;
    text-transform: uppercase;
    float: right;
}

#conseil-detail .date-actualite {
    padding-bottom: 10px;
}

#listing-conseils .arrow {
    height: 26px;
    width: 26px;
    border-radius: 50%;
}
/** **/

#listing-conseils .activite {
    border-bottom: 5px solid #bbccd1;
    color: #bbccd1 !important;
}

#conseil-detail.activite .clear.left{
    display: flex;
}

#conseil-detail.activite .btn-type.btn-detail {
    margin-right: 10px;
}

#listing-conseils .activite .arrow,
#conseil-detail.activite .category.btn-style,
#conseil-detail.activite  .btn-type.btn-detail {
    background-color: #bbccd1;
}
#listing-conseils .activite .category.btn-style {
    background-color: #bbccd1;
}

#listing-conseils .sante-securite {
    border-bottom: 5px solid #f0b446;
}

#listing-conseils .sante-securite .arrow {
    background-color: #f0b446;
    height: 26px;
    width: 26px;
    border-radius: 50%;
}

#listing-conseils .sante-securite .suite a:hover span {
    color: #f0b446 !important;
}

#listing-conseils .sante-securite .category.btn-style,
#conseil-detail .sante-securite .category.btn-style,
.btn-type.btn-detail.sante-securite {
    background-color: #f0b446 !important;
    padding: 2px 20px !important;
    font-family: 'ProximaNovaSoft-Medium' !important;
    font-size: 11px !important;
    color: #ffffff !important;
    float: right !important;
    letter-spacing: 1px;
    border-radius: 22px;
    text-transform: uppercase;
    border: 2px solid #f0b446;
    float: right;
}

.btn-type.btn-detail.sante-securite,
.btn-type.btn-detail.alimentation,
.btn-type.btn-detail.hygiene-bien-etre,
.btn-type.btn-detail.pedagogie {
    margin-bottom: 25px;
}

#conseil-detail.sante-securite .date-actualite {
    border-bottom: 3px solid #f0b446;
    padding-bottom: 10px;
}

#listing-conseils .alimentation {
    border-bottom: 5px solid #afc86d;
}

#listing-conseils .alimentation .arrow {
    background-color: #afc86d;
    height: 26px;
    width: 26px;
    border-radius: 50%;
}

#listing-conseils .alimentation .suite a:hover span {
    color: #afc86d !important;
}

#listing-conseils .alimentation .category.btn-style,
#conseil-detail .alimentation .category.btn-style,
.btn-type.btn-detail.alimentation {
    background-color: #afc86d !important;
    padding: 2px 20px !important;
    font-family: 'ProximaNovaSoft-Medium' !important;
    font-size: 11px !important;
    color: #ffffff !important;
    letter-spacing: 1px;
    border-radius: 22px;
    text-transform: uppercase;
    border: 2px solid #afc86d;
    float: right;
}

#conseil-detail.alimentation .date-actualite {
    border-bottom: 3px solid #afc86d;
    padding-bottom: 10px;
}

#listing-conseils .hygiene-bien-etre {
    border-bottom: 5px solid #50b9be;
}

#listing-conseils .hygiene-bien-etre .arrow {
    background-color: #50b9be;
    height: 26px;
    width: 26px;
    border-radius: 50%;
}

#listing-conseils .hygiene-bien-etre .suite a:hover span {
    color: #50b9be !important;
}

#listing-conseils .hygiene-bien-etre .category.btn-style,
#conseil-detail .hygiene-bien-etre .category.btn-style,
.btn-type.btn-detail.hygiene-bien-etre {
    background-color: #50b9be !important;
    padding: 2px 20px !important;
    font-family: 'ProximaNovaSoft-Medium' !important;
    font-size: 11px !important;
    color: #ffffff !important;
    letter-spacing: 1px;
    border-radius: 22px;
    text-transform: uppercase;
    border: 2px solid #50b9be;
    float: right;
}

#conseil-detail.hygiene-bien-etre .date-actualite {
    border-bottom: 3px solid #50b9be;
    padding-bottom: 10px;
}

#listing-conseils .pedagogie {
    border-bottom: 5px solid #9185be;
}

#listing-conseils .pedagogie .arrow {
    background-color: #9185be;
    height: 26px;
    width: 26px;
    border-radius: 50%;
}

#listing-conseils .pedagogie .suite a:hover span {
    color: #9185be !important;
}

#listing-conseils .pedagogie .category.btn-style,
#conseil-detail .pedagogie .category.btn-style,
.btn-type.btn-detail.pedagogie {
    background-color: #9185be !important;
    padding: 2px 20px !important;
    font-family: 'ProximaNovaSoft-Medium' !important;
    font-size: 11px !important;
    color: #ffffff !important;
    letter-spacing: 1px;
    border-radius: 22px;
    text-transform: uppercase;
    border: 2px solid #9185be;
    float: right;
}

#conseil-detail.pedagogie .date-actualite {
    border-bottom: 3px solid #9185be;
    padding-bottom: 10px;
}

#listing-conseils h3,
#listing-actus h3 {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 5px;
    padding-top: 15px;
    height: auto;
}

#listing-conseils .content-max,
#listing-actus .content-max,
#listing-conseils .content-max p,
#listing-actus .content-max p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 70px;
    color: #505050;
}

#listing-actus .listing-actus,
#listing-conseils .listing-conseils {
    font-size: 18px;
}

#listing-actus .listing-actus .intro div,
#listing-conseils .listing-conseils .intro div {
    margin-top: 30px;
    /*margin-bottom: 60px;*/
}

#listing-actus .listing-actus #ias-items-list .actualites,
#listing-conseils .listing-conseils #ias-items-list .conseils {
    margin-bottom: 30px;
}

#listing-actus .listing-actus #ias-items-list .actualites:nth-child(even),
#listing-conseils .listing-conseils #ias-items-list .conseils:nth-child(even) {
    float: right;
}

#listing-actus .listing-actus #ias-items-list .actualites:nth-child(odd),
#listing-conseils .listing-conseils #ias-items-list .conseils:nth-child(odd) {
    float: left;
}

#listing-actus .listing-actus .ias-trigger a,
#listing-actus .listing-actus .ias-trigger a:hover,
#listing-conseils .listing-conseils .ias-trigger a,
#listing-conseils .listing-conseils .ias-trigger a:hover {
    color: #ffffff !important;
}

#listing-actus .listing-actus #ias-items-list,
#listing-conseils .listing-conseils #ias-items-list {
    position: relative;
}

@media screen and (max-width: 1199px) {
    #listing-actus .container.listing-creches.listing-actus {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #listing-conseils .tips div.contenu,
    #listing-actus .tips div.contenu {
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    #listing-conseils .content-max,
    #listing-actus .content-max {
        height: 60px;
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    #listing-conseils .tips div.contenu,
    #listing-actus .tips div.contenu {
        margin-bottom: 20px;
    }

    #listing-conseils h3,
    #listing-actus h3 {
        margin-bottom: 0px;
        white-space: initial;
        text-overflow: initial;
    }

    #conseil-detail .addthis_sharing_toolbox,
    #actualite-detail .addthis_sharing_toolbox {
        margin-bottom: 10px;
    }

    #listing-actus .listing-actus .intro div,
    #listing-conseils .listing-conseils .intro div {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #listing-actus .tips .suite,
    #listing-conseils .tips .suite {
        margin: 0px;
    }
}

@media screen and (max-width: 479px) {
    #listing-conseils .sante-securite .category.btn-style,
    #conseil-detail.sante-securite .category.btn-style {
        float: left !important;
    }

    #listing-conseils .sub-actualites,
    #conseil-detail .sub-actualites {
        width: 100%;
        margin-bottom: 10px;
    }
}

.formulaire select {
    width: 390px;
}

.formulaire textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
}

.formulaire input[type="radio"] {
    position: absolute;
    right: 79px;
    width: 10px;
}

.headband-formulaire .dot,
.headband-formulaire .etape-2 .etape-image .round,
.headband-formulaire .etape-2 .title,
.headband-formulaire .etape-3 .title,
.headband-formulaire .etape-3 .etape-image .round {
    opacity: 0.4;
}

.headband-formulaire .etape-image {
    position: relative;
    display: inline-block;
}

.headband-formulaire .dot {
    border-bottom: 4px dotted white;
    position: absolute;
    top: 26%;
    width: 490px;
    max-width: 100%;
    margin-left: 46px;
}

@media screen and (max-width: 1199px) {
    .headband-formulaire .dot {
        width: 534px;
    }
}

@media screen and (max-width: 992px) {
    .headband-formulaire .dot {
        width: 478px;
    }
}

.headband-formulaire .etape {
    height: auto;
    text-align: center;
    float: left;
    position: relative;
    padding-right: 15%;
    z-index: 25;
    color: white;
}

.headband-formulaire .etape .icon {
    background-color: #d13130;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.headband-formulaire .etape .icon .round {
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    line-height: 20px;
}

.headband-formulaire .etape:last-child {
    padding-right: 0;
}

.headband-formulaire .etape .etape-image img {
    margin: auto;
}

.headband-formulaire .etape .validate-bar {
    width: 100%;
    height: 4px;
    background-color: #94bf3c;
    position: absolute;
    left: 60px;
    top: 16px;
    display: none;
}

.headband-formulaire .texte-etape {
    position: absolute;
    bottom: 15%;
    left: -35px;
}

.formulaire h1 {
    margin-top: 50px;
}

.formulaire h2 {
    margin-bottom: 15px;
    color: #505050;
}

.formulaire .champs {
    border-left: 5px solid #d13130;
    background-color: white;
    padding: 40px 40px;
    margin-bottom: 25px;
}

.formulaire .champs div {
    height: 40px;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.formulaire label {
    max-width: 250px;
    display: table-cell;
    vertical-align: middle;
}

.formulaire div .date {
    margin-bottom: auto;
}

.formulaire #formulaire-parent .submit {
    margin: 0;
}

.formulaire div .date select {
    margin-right: 20px;
    background-image: url('/modules/pab/template/images/ui-form-dropdown.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 8px 20px 8px 8px;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.formulaire div .date select:last-child,
.formulaire div .date select#annee-de-naissance.error {
    margin-right: 0 !important;
}

.formulaire input {
    width: 390px;
    box-shadow: inset 0 14px 8px -10px rgba(0, 0, 0, 0.07), inset 0 0 8px -10px rgba(0, 0, 0, 0.07);
}

.formulaire input,
.formulaire select {
    float: right;
    border-radius: 6px;
    border: 1px solid #d2d2d2;
    height: 40px;
}

.formulaire .champs div.date select {
    float: left;
    width: 390px;
}

.formulaire .champs div.date {
    width: 390px;
    float: right;
}

.formulaire div .date #annee-de-naissance {
    margin-right: 0px;
}

.formulaire select#annee-de-naissance {
    width: 110px !important;
}

.formulaire select#mois-de-naissance {
    width: 150px !important;
}

.formulaire select#jour-de-naissance {
    width: 90px !important;
}

.form_j_quinze select::-ms-expand {
    display: none !important;
}

.formulaire #date-entree-creche {
    background-image: url('/modules/pab/template/images/ui-form-calendrier.svg') no-repeat;
    background-position: 98% 5px;
}

.formulaire .obligatoire {
    color: #a0a0a0;
    font-size: 16px;
    margin-bottom: 35px;
}

.formulaire .btn-disabled {
    color: #d3cfcc;
    border-color: #d3cfcc;
}

.formulaire fieldset {
    padding-bottom: 60px;
}

.formulaire #formulaire-contact fieldset {
    padding-bottom: 0;
}

.formulaire .civilite {
    width: 390px !important;
    height: 100% !important;
    float: right;
    margin: 0;
}

.formulaire .civilite input {
    width: auto;
}

#liste-creche-container .blocs {
    background-color: #ddd9d6;
    width: 100%;
    padding: 30px;
}

#liste-creche-container .blocs ul {
    margin-top: 20px;
    padding: 0;
}

#liste-creche-container .blocs ul li {
    margin-bottom: 15px;
    width: 100%;
}

#liste-creche-container .blocs ul li:last-child {
    margin-bottom: 0;
}

#liste-creche-container .blocs .index_creche {
    background-color: #d13130;
    width: 26px;
    border-radius: 50%;
    display: table;
    text-align: center;
    margin-right: 15px;
}

#liste-creche-container .blocs button {
    background-color: transparent;
    border: 0;
}

#liste-creche-container .blocs ul li .creche-nom {
    max-width: 215px;
}

.ui-datepicker {
    background-color: #ffffff;
    border: 1px solid #66afe9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2a6496;
    transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width: 30px;
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "◄";
}

.ui-datepicker .ui-datepicker-next:before {
    content: "►";
}

.ui-datepicker .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eeeeee;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
    color: #d13130 !important;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #ffffff;
    cursor: default;
}

.formulaire .breadcrumb {
    padding-bottom: 0px;
    background-color: #f5f5f5;
}

.formulaire .champs div.civil-parent,
.formulaire .champs div.civilite {
    margin: 0;
}

.formulaire input[type="checkbox"] {
    width: auto;
    box-shadow: inherit;
    float: left;
    margin-right: 15px;
    height: auto;
}

.formulaire h2 {
    padding-bottom: 10px;
}

.formulaire input[type="radio"] {
    opacity: 0;
}

.formulaire input[type="radio"]:focus {
    outline: none;
}

.formulaire div.radio {
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto !important;
    float: left;
    margin-right: 20px;
}

.formulaire .label-radio {
    position: relative;
    left: 10px;
    padding-left: 35px;
    margin-left: 0;
}

.formulaire .label-radio:before {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 12px;
    border: 1px solid #d2d2d2;
    top: 10px;
    left: 0;
    background-color: white;
}

.formulaire .label-radio:after {
    content: '';
    display: none;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 17px;
    left: 7px;
    background-image: url('/modules/pab/template/images/ui-form-radio-dot.svg');
    background-repeat: no-repeat;
}

.formulaire input[type="radio"]:checked + .label-radio:after {
    display: block;
}

.formulaire #partie-3 input[type="radio"] {
    right: 0;
    left: 30px;
    top: -10px;
    width: auto;
}

.formulaire #partie-3 .nombre-parents {
    margin-bottom: 30px;
    float: left;
}

.formulaire #partie-3 .champs {
    clear: both;
}

.formulaire #partie-3 .nombre-parents label {
    max-width: 400px;
}

.formulaire #partie-3 .nombre-parents .label-radio:before {
    top: 3px;
}

.formulaire #partie-3 .nombre-parents .label-radio:after {
    top: 10px;
}

.formulaire #partie-3 .parents {
    padding: 0;
    clear: both;
}

.formulaire .submit {
    border-radius: 22px;
    margin: 30px 0px;
}

.formulaire div.error,
.formulaire label.error {
    clear: both;
    float: right;
    max-width: none !important;
    width: 390px;
    color: #d13130;
    padding-top: 5px;
}

.form_j_quinze .formulaire label.error {
    clear: none;
}

#formulaire-calcul #enfants-error,
#formulaire-calcul #heures-error,
#formulaire-calcul #revenu-error {
    width: 100%;
}

.formulaire .check {
    position: absolute;
    display: none;
    z-index: 1;
}

.formulaire .cursor {
    position: absolute;
    left: -7px;
    top: 64px;
    display: none;
}

.formulaire #liste-creche-container .question-tel {
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.formulaire #liste-creche-container .sub-tel {
    font-size: 14px;
}

.formulaire #liste-creche-container {
    color: #505050;
}

.formulaire .besoin input {
    width: 22px;
    box-shadow: none;
}

.formulaire .besoin input:focus {
    outline: none;
}

.formulaire .besoin label {
    max-width: 500px;
}

.formulaire .besoin div {
    margin-bottom: 20px;
}

.formulaire .champs input[type="email"],
.formulaire .champs input[type="number"],
.formulaire .champs input[type="password"],
.formulaire .champs input[type="text"] {
    padding: 10px;
}

.formulaire .suivante-responsive {
    display: none;
}

.formulaire .calcul div.error {
    width: 100%;
}

.formulaire .calcul div.resultat {
    height: auto;
}

.formulaire .calcul div.resultat p {
    font-size: 22px;
}

.formulaire .calcul .submit {
    margin: 10px 0;
}

.parent-calcul .btn-style {
    width: auto !important;
}

@media screen and (max-width: 1199px) {
    .formulaire label {
        max-width: 120px;
    }
}

@media screen and (max-width: 991px) {
    .formulaire .headband-formulaire liste-creche-container {
        top: 110px;
    }

    #liste-creche-container .blocs ul li .creche-nom {
        max-width: 500px;
    }

    .headband-formulaire .etape {
        padding-right: 15%;
    }

    .formulaire #liste-creche-container {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    #liste-creche-container .blocs {
        padding: 20px 25px;
    }

    .formulaire .headband-formulaire {
        padding: 20px 30px;
    }

    .formulaire h1 {
        font-size: 32px;
        margin-top: 30px;
    }

    .formulaire h2 {
        font-size: 24px;
        margin: 0;
    }
    .formulaire .headband-formulaire .cursor {
        top: 42px;
    }

    .formulaire .btn-style {
        width: 100%;
        margin-bottom: 20px;
    }

    .formulaire .suivante-responsive {
        display: block;
    }

    .formulaire .suivante {
        display: none;
    }

    .formulaire .champs label {
        float: left;
        max-width: none !important;
        width: 100%;
    }

    .formulaire div.error, .formulaire label.error {
        width: 100%;
    }


    .formulaire .champs input[type="email"],
    .formulaire .champs input[type="number"],
    .formulaire .champs input[type="password"],
    .formulaire .champs input[type="text"] {
        width: 100% !important;
    }

    .formulaire .civilite {
        float: left;
        width: auto !important
    }

    .formulaire select {
        width: 100%;
    }

    .headband-formulaire .etape {
        height: auto;
        padding-right: 25%;
    }

    .headband-formulaire .dot {
        width: 58%;
        top: calc(50% - 2px);
        margin-left: 16px;
    }

    .headband-formulaire .etape .validate-bar {
        left: 20px;
    }

    .formulaire select#jour-de-naissance,
    .formulaire select#mois-de-naissance,
    .formulaire select#annee-de-naissance {
        width: 27% !important;
    }

    .formulaire .champs div.date {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .formulaire #formulaire-parent .civilite {
        width: 100% !important;
    }

    .formulaire .champs {
        padding: 20px;
    }

    .headband-formulaire .container {
        padding: 0 !important;
    }

    .headband-formulaire .etape {
        padding-right: 35%;
    }

    .headband-formulaire .dot {
        width: 78%;
        top: calc(50% - 1px);
    }

    #liste-creche-container .blocs ul li .creche-nom {
        max-width: 200px;
    }
}

.parent-calcul input[type="number"] {
    float: left;
}

.parent-calcul label {
    width: 100%;
}

.parent-calcul .breadcrumb {
    background-color: inherit;
}

@media screen and (max-width: 767px) {
    .parent-calcul .breadcrumb {
        display: none !important;
    }
}

.parent-calcul .calcul div {
    margin: 30px 0;
}

.parent-calcul .calcul .bloc_top {
    margin: 30px 0px 0 0;
}

.parent-calcul .calcul .champs div {
    margin: 0;
}

.parent-calcul .calcul .champs div.error {
    text-align: left;
    visibility: hidden;
}

.parent-calcul .calcul .champs div.resultat {
    padding-top: 30px;
}

.parent-calcul .calcul .champs div.resultat {
    padding-top: 30px;
}

.dropdown {
    padding: 10px;
    margin-bottom: 20px;
}

.dropdown .btn {
    padding: 5px 35px;
    width: 100%;
}

.dropdown .btn:focus,
.dropdown .btn:hover {
    background-color: inherit;
    border-color: inherit;
    color: #d13130;
}

ul.dropdown-menu {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: inherit;
    border: 0;
    position: relative;
}

ul.dropdown-menu li a:hover {
    cursor: pointer;
    background-color: inherit;
}

ul.dropdown-menu li {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
    width: 100%;
    font-size: 16px;
}

ul.dropdown-menu li.active a,
ul.dropdown-menu li.active a:hover,
ul.dropdown-menu li.active a:focus {
    background-color: #d13130;
}

ul.dropdown-menu li.active {
    background-color: inherit !important;
}

ul.dropdown-menu li span,
ul.dropdown-menu li a {
    border: 1px solid #e07675;
    border-radius: 20.5px;
    width: 100%;
    padding: 10px 15px;
    display: flex;
}

ul.dropdown-menu li ul {
    display: none;
    box-shadow: inherit;
    padding: 0;
}

ul.dropdown-menu li ul li {
    width: 100%;
    border-top: 2px solid #f5f5f5;
    font-family: 'ProximaNovaSoft-Regular';
    text-transform: none;
    padding: 6px 20px;
    margin: 0;
}

ul.dropdown-menu li.active ul li a {
    background-color: inherit;
}

ul.dropdown-menu li ul li a {
    color: #505050 !important;
    border: 0;
    padding: 0;
    margin-left: 20px;
    font-size: 16px;
}

ul.dropdown-menu li.active ul li.active a {
    font-family: 'ProximaNovaSoft-Bold';
    color: #d13130 !important;
}

ul.dropdown-menu li.active ul li a:hover,
ul.dropdown-menu li ul li a:hover {
    color: #d13130 !important;
    background-color: inherit;
}

/* Begin Ul navigation menu */

.blocs ul.navigation {
    margin-bottom: 0px;
}

.blocs ul.navigation li.active a {
    color: #d13130 !important;
}

.blocs ul.navigation li {
    font-size: 18px;
    color: #505050;
    padding-bottom: 10px;
}

.blocs ul.navigation li a {
    color: #505050 !important;
    font-family: 'ProximaNovaSoft-Bold';
    padding-left: 10px;
}

.blocs ul.navigation li::before {
    content: url('/modules/pab/template/images/ui-fleche-suite-seule.svg') !important;
    background-color: #d13130;
    border-radius: 50%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
}

/* End Ul navigation menu */

/************/
/* Site map */
/************/

#sitemap .col-xs-12 a {
    color: #505050;
    font-size: 18px;
}

/*******/
/* FAQ */
/*******/

.faq-container {
    font-size: 18px;
}

.faq-questionreponse .panel-title p {
    padding-bottom: 0px;
}

.faq-questionreponse .panel-title {
    font-weight: bold;
}

/*****************/
/* Template CMS */
/****************/

#template-cms a.btn-style.white,
#template-cms a:hover.btn-style.white {
    color: #ffffff !important;
}

/*************************/
/* Info bulle google map */
/*************************/

.infowindows-map {
    font-family: 'ProximaNovaSoft-Regular' !important;
    font-size: 15px;
    color: #505050;
    padding: 5px;
}

.infowindows-map a.title,
.infowindows-map .title,
.infowindows-map a:hover.title,
.infowindows-map a:active.title,
.infowindows-map a:link.title,
.infowindows-map a:visited.title {
    font-weight: bold;
    color: #d13130;
}

.infowindows-map a.voir-fiche,
.infowindows-map .voir-fiche,
.infowindows-map a:hover.voir-fiche,
.infowindows-map a:active.voir-fiche,
.infowindows-map a:link.voir-fiche,
.infowindows-map a:visited.voir-fiche {
    font-family: 'ProximaNovaSoft-Bold';
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 22px;
    border: 2px solid #d13130;
    letter-spacing: 1px;
    padding: 4px 10px;
    display: block;
    text-align: center;
    color: #d13130;
    margin-top: 10px;
}

/**********/
/* Loader */
/**********/

.ias-spinner {
    padding-bottom: 10px;
}

.spinner img {
    height: 32px !important;
    width: 32px !important;
}

.cpe-container .sante-securite .main {
    background-image: url('/modules/pab/template/images/pic-conseils-petite-enfance-sante-securite.jpg')
}

.cpe-container .alimentation .main {
    background-image: url('/modules/pab/template/images/pic-conseils-petite-enfance-alimentation.jpg')
}

.cpe-container .hygiene-bienetre .main {
    background-image: url('/modules/pab/template/images/pic-conseils-petite-enfance-hygiene-bien-etre.jpg')
}

.cpe-container .pedagogie .main {
    background-image: url('/modules/pab/template/images/pic-conseils-petite-enfance-pedagogie.jpg')
}

/***********************/
/* Cookies utilisation */
/***********************/

#pc-cookie-notice {
    font-family: 'ProximaNovaSoft-Regular' !important;
    font-size: 15px !important;
    padding: 15px !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

#pc-cookie-notice #pc-message span {
    font-size: 15px !important;
}

#pc-cookie-notice #pc-message {
    padding: 0px !important;
    width: auto !important;
    float: left !important;
}

#pc-cookie-notice #pc-button {
    float: right !important;
    position: initial !important;
}

#pc-cookie-notice #pc-message span {
    font-size: 15px !important;
}

#pc-cookie-notice #pc-message {
    padding-right: 0 !important;
}

#pc-cookie-notice #pc-button button {
    font-family: 'ProximaNovaSoft-Bold' !important;
    font-size: 15px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    border-radius: 22px !important;
    border: 1px solid #d13130 !important;
    letter-spacing: 1px !important;
    padding: 2px 10px !important;
    display: block !important;
    text-align: center !important;
    background-color: #d13130 !important;
    margin-top: 4px !important;
}

@media screen and (max-width: 767px) {
    #pc-cookie-notice #pc-button,
    #pc-cookie-notice #pc-message {
        clear: both !important;
    }
}

/****************/
/* Actu detail  */
/****************/
.actu-title-share {
    position: relative;
}

.actu-title-share .addthis_sharing_toolbox {
    position: absolute;
    right: 0;
    top: 5px;
}

@media screen and (max-width: 992px) {
    .actu-title-share,
    .actu-title-share .addthis_sharing_toolbox {
        position: initial;
    }
}

/*********************/
/* Snippets * 4 add  */
/*********************/
.snippet-add {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

/* first style */
.snippet-add .cpt.blocs {
    font-size: 24px;
    line-height: normal;
    padding: 15px 25px;
    background-color: #4eaeb2;
    border-radius: 12px;
}

.snippet-add .cpt div {
    margin-bottom: 25px;
}

.snippet-add .cpt .white a,
.snippet-add .cpt.blocs > div div:last-child a,
.snippet-add .cpt .white,
.snippet-add .cpt.blocs > div div:last-child {
    color: #fff !important;
}

.snippet-add .cpt.blocs > div div:last-child {
    margin-bottom: 0px;
    border: 2px solid #fff;
    border-radius: 22px;
    display: inline-block;
    font-family: "ProximaNovaSoft-Bold";
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px 35px;
    text-align: center;
    text-transform: uppercase;
}

/* second style */
.snippet-add .blocs.bloc-content {
    border-radius: 12px;
}

.snippet-add .blocs.bloc-content div a,
.snippet-add .blocs.bloc-content div {
    color: #fff !important;
}

/* third style */
.snippet-add .blocs.bloc-flexi {
    background-color: #eeac39;
    font-size: 24px;
    padding: 30px 25px;
    width: 100%;
    border-radius: 12px;
    float: left;
}

.snippet-add .blocs.bloc-flexi > div {
    margin-bottom: 30px;
}

.snippet-add .blocs.bloc-flexi img {
    margin-right: 30px;
}

/* fourth style */
.snippet-add > p.pave-business {
    background-color: #79c6cc;
    border-radius: 12px;
    float: left;
    padding: 30px 25px;
    width: 100%;
    margin-bottom: 30px;
}

.snippet-add p.pave-business span.btn-style {
    padding: 6px 35px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.snippet-add p.pave-business a img {
    max-width: 100%;
    width: 100% !important;
    height: auto;
}

/* global style */
.snippet-add > p {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.snippet-add p span.btn-style {
    padding: 6px 35px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.snippet-add p a img,
.snippet-add p img {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    border-radius: 12px;
}

/* snippet creches geolocalisées style */
.creches-geoloc {
    background-color: #d13130;
    border-radius: 12px;
    float: left;
    padding: 30px 25px;
    width: 100%;
    margin-bottom: 30px;
    color: #ffffff;
}

.creches-geoloc ul li,
.creches-geoloc ul li::before {
    list-style-type: none !important;
    content: "" !important;
    float: left;
}

.creches-geoloc ul li {
    width: 100%;
}

.creches-geoloc ul li:last-child hr {
    display: none;
}

.creches-geoloc ul li:last-child a {
    margin-bottom: 0px;
}

.creches-geoloc .title,
.creches-geoloc .places {
    font-weight: 600;
}

.creches-geoloc .places {
    margin-top: 100px;
}

.creches-geoloc .all-places {
    float: left;
    margin-top: 7px !important;
    width: 100%;
}

.creches-geoloc h3 {
    padding-bottom: 20px;
    font-size: 22px;
    font-family: "ProximaNovaSoft-Regular";
}

.creches-geoloc a {
    padding: 6px 35px;
    margin: 20px 0;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: 2px solid #ffffff;
    float: left;
    clear: both;
    border-radius: 21px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.creches-geoloc hr {
    float: left;
    width: 100%;
}

.creches-geoloc .address,
.creches-geoloc .zipcode {
    display: block;
}

@media screen and (max-width: 992px) {
    .creches-geoloc .address,
    .creches-geoloc .zipcode {
        display: inline-block;
    }
}

/************************/
/*  Creche détail titre */
/************************/
.creche-titre-detail {
    width: 100%;
    float: left;
}

.creche-titre-detail h1 {
    width: 70%;
    float: left;
    padding-right: 10px;
}

.creche-titre-detail img {
    float: right;
}

@media screen and (max-width: 480px) {
    .creche-titre-detail h1 {
        width: 100%;
        float: left;
    }

    .creche-titre-detail img {
        float: left;
        width: 200px;
        margin-top: 20px;
    }
}

.generation-durable {
    width: 183px;
    height: 121px;
}

/*****************************/
/* Add menu red template cms */
/*****************************/

#template-cms #reorder2 {
    margin-top: -10px;
}

#template-cms .search-google #mygeoloc .pin-icon {
    position: relative;
}

#template-cms .search-desc .title-red-menu {
    color: #ffffff;
    font-family: "ProximaNovaSoft-Bold";
    font-size: 36px;
    line-height: 1;
    margin-top: 0;
    text-align: center;
}

@media screen and (max-width: 768px) {
    #template-cms .search-desc .title-red-menu {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    #template-cms .search-google #mygeoloc .pin-icon {
        right: 20px;
    }
}

@media screen and (max-width: 479px) {
    #template-cms .search-desc .title-red-menu {
        display: block;
        font-size: 26px;
        padding-bottom: 20px;
    }
}

/* Keep all */
.adapt-keep-all span {
    font-size: 18px !important;
}

@media screen and (max-width: 991px) {
    .keep-all {
        display: inline-block;
        float: none;
    }

    #listing-creches .basket-responsive .basket-sans-selection .sub-tel,
    #listing-creches .basket .basket-sans-selection .sub-tel {
        font-size: 15px;
        clear: both;
        float: none;
    }

    .adapt-keep-all .keep-all {
        float: left;
    }
}

/* Formulaire simple */
.formulaire div #formulaire-simple .date select {
    background-position: 95% center;
}

.formulaire #formulaire-simple .place-creche select {
    margin-right: 0;
}

#formulaire-simple #nom-enfant-error,
#formulaire-simple #prenom-enfant-error,
#formulaire-simple #nom-error,
#formulaire-simple #prenom-error,
#formulaire-simple #telephone-error {
    clear: both;
    width: 390px;
}

@media screen and (max-width: 768px) {
    .formulaire div #formulaire-simple .date select {
        width: 100%;
    }

    #formulaire-simple #nom-enfant-error,
    #formulaire-simple #prenom-enfant-error,
    #formulaire-simple #nom-error,
    #formulaire-simple #prenom-error,
    #formulaire-simple #telephone-error {
        width: 100%;
    }
}

/*Landing Bloc*/
.landing_bloc {
    padding: 40px 30px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    background-color: #fff;
    border-left: 5px solid #d13130;
}

.landing_bloc .input-group {
    margin-bottom: 30px;
}

.landing_bloc .input-group,
.landing_bloc .form-control {
    height: 45px;
}

.landing_bloc .input-group-addon {
    background-color: #fff;
    box-shadow: 0 2px 3px -3px rgba(0, 0, 0, 0.4) inset;
}

.container-wysiwyg .landing_bloc .input-group-addon img {
    width: 20px !important;
    height: 20px !important;
    max-width: none !important;
}

.landing_bloc .form-control,
.landing_bloc .form-control:focus {
    border-left: 0px solid transparent;
    box-shadow: 0 2px 3px -3px rgba(0, 0, 0, 0.4) inset;
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Regular';
    border-color: hsl(0, 0%, 80%);
}

.landing_bloc .btn-style {
    width: 100%;
    border-radius: 35px !important;
}

#footer .landing_footer {
    background-color: #fff;
    padding: 25px 0 5px 0;
}

#footer .landing_footer .container {
    margin-bottom: 0;
}

.landing_footer .blocs > div {
    text-align: center;
    font-family: 'ProximaNovaSoft-Regular';
    line-height: 1.2;
    font-size: 18px;
    color: #505050;
    padding: 0 20px;
}

.landing_footer .blocs > div a:focus,
.landing_footer .blocs > div a:link,
.landing_footer .blocs > div a:active,
.landing_footer .blocs > div a {
    color: #505050 !important;
}

.landing_footer .blocs {
    display: flex;
    align-items: center;
    justify-content: center;
}


@media screen and (max-width: 768px) {
    .landing_footer .blocs > div {
        width: 100%;
        margin-bottom: 15px;
    }

    .landing_footer .blocs {
        display: block;
    }
}

#header .user-header-bg {
    background-color: #fff;
}

#header .user-header {
    font-family: 'ProximaNovaSoft-SoftBold';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

#header .user-header span {
    padding: 5px 20px;
    display: inline-block;
}

#header .user-header a,
#header .user-header a:hover,
#header .user-header a:active,
#header .user-header a:link,
#header .user-header a:visited {
    color: #ffffff !important;
    font-family: 'ProximaNovaSoft-Bold';
}

/* Calendrier réservation */
.date-periode-btn.active {
    color: black;
    background-color: white !important;
}

/** Begin j+15 **/
.liste_j_quinze {
    background-color: #308fd1;
    font-family: 'ProximaNovaSoft-Semibold';
    font-size: 16px;
    color: #fff !important;
    float: left;
    margin-top: 0 !important;
    padding: 5px 15px;
    background-image: url('/modules/pab/template/images/chrono-rotate.svg');
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 30px 15%;
    position: relative;
    top: -4px;
    border-left: 4px solid #f5f5f5;
    border-right: 4px solid #f5f5f5;
}

.liste_j_quinze p {
    margin: 0 0 0 100px;
    padding-bottom: 0;
}

#header .user-header-bg.j_quinze {
    background-color: #505050;
    min-height: 50px;
    height: 50px;
}

#header .j_quinze .user-header,
#header .j_quinze .user-header .connect,
#header .j_quinze .user-header .disconnect,
#header .j_quinze .user-header .mister {
    height: 100%;
}

#header .j_quinze .user-header .connect,
#header .j_quinze .user-header .disconnect,
#header .j_quinze .user-header .mister {
    display: flex;
    align-items: center;
    border-left: 1px solid #858585;
    border-right: 1px solid #858585;
    padding: 0 25px;
    font-size: 13px;
    color: #fff;
}

#header .j_quinze .user-header .mister {
    border: 1px solid transparent;
    font-weight: 400;
    font-family: 'ProximaNovaSoft-Regular';
    font-size: 15px;
    padding-left: 0
}

#header .j_quinze .user-header .connect img,
#header .j_quinze .user-header .disconnect img {
    margin-right: 15px;
}

.blocs.j-quinze,
.blocs.j-quinze button {
    background-color: #308fd1 !important;
}

.j-quinze .chrono_left img {
    position: absolute;
    left: 8px;
}

.j-quinze .chrono_left {
    padding-bottom: 30px;
}

.j-quinze .chrono_left div:first-child {
    width: 82px;
    height: 80px;
    float: left;
}

.j-quinze .chrono_left div:last-child {
    font-size: 26px;
    color: #fff;
    font-family: 'ProximaNovaSoft-Bold';
    line-height: 1.2;
}

.form_j_quinze .blocs.j-quinze {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.form_j_quinze .blocs.j-quinze img {
    position: absolute;
    left: -8px;
    top: 20px;
}

.form_j_quinze .blocs.j-quinze > div {
    padding-left: 75px;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
}

.form_j_quinze .blocs.j-quinze .name {
    font-family: 'ProximaNovaSoft-Bold';
    font-size: 24px;
    margin: 0;
    padding-bottom: 0;
}

#reserverModal .modal-content p:last-child {
    padding-bottom: 0;
}

#reserverModal .modal-body {
    padding: 25px;
}

#reserverModal .buttons_j_quinze {
    display: flex;
    justify-content: center;
}

#reserverModal .close {
    font-size: 34px;
    position: relative;
    top: -10px;
    color: #d13130;
    opacity: 1;
}

#reserverModal .buttons_j_quinze a:first-child {
    margin-right: 15px;
}

.form_j_quinze .headband div.title {
    background-color: #308fd1;
    min-height: 150px;
    height: auto;
    padding: 15px 0 !important;
}

.form_j_quinze .headband .title img {
    margin-right: 35px;
}

.form_j_quinze .headband .title span {
    font-size: 24px;
    font-family: 'ProximaNovaSoft-Medium';
}

.form_j_quinze .desc {
    font-family: 'ProximaNovaSoft-Regular';
    font-size: 26px;
}

.form_j_quinze .formulaire {
    padding-top: 60px;
}

.form_j_quinze h2 {
    font-size: 26px;
}

.form_j_quinze .blocs, .bloc-j-quinze {
    background-color: #ddd9d6;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
}

.form_j_quinze .blocs .global_desc img {
    margin-right: 15px;
}

.form_j_quinze .blocs .global_desc {
    padding-top: 15px;
}

.form_j_quinze .blocs .desc div:first-child {
    font-family: 'ProximaNovaSoft-Regular';
    line-height: 1;
    font-size: 18px;
    padding-bottom: 15px;
}

.form_j_quinze .blocs .desc > div {
    font-family: 'ProximaNovaSoft-Bold';
    font-size: 16px;
}

#agenda-container,
.bloc_border {
    border-left: 5px solid #d13130;
    background-color: white;
    padding: 40px 40px;
    margin-bottom: 25px;
}

#agenda-container .slick-list {
    background-color: #308fd1;
}

#agenda-container .slick-list .slick-slide {
    width: 25%;
}

#agenda-container .slick-list .slick-slide div:nth-child(-n+2) {
    background-color: #fff;
}

#agenda-container .slick-list .slick-slide div:nth-child(n+3) {
    padding: 0 15px;
    min-height: 40px;
    height: 40px;
}

#agenda-container .slick-list .slick-slide div:nth-child(1) {
    font-family: 'ProximaNovaSoft-Bold';
    font-size: 18px;
    text-transform: uppercase;
    color: #d13130;
}

#agenda-container .slick-list .slick-slide div:nth-child(2) {
    font-family: 'ProximaNovaSoft-Regular';
    font-size: 15px;
    padding-bottom: 5px;
}

#agenda-container .slick-list .slick-slide div:nth-child(3) {
    margin-top: 15px;
    margin-bottom: 15px;
}

#agenda-container .slick-list .slick-slide div:last-child {
    margin-bottom: 15px;
    padding-bottom: 0;
}

#agenda-container .slick-slide .separator {
    color: #fff;
    width: 20px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

#agenda-container .slick-list .slick-slide div {
    background-color: #308fd1;
    text-align: center;
    position: relative;
}

#agenda-container .slick-list .slick-slide button {
    line-height: 1;
    text-transform: none;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 18px;
    width: 100%;
}

#agenda-container .slick-list .slick-slide button.active {
    background-color: #4eaeb2 !important;
    color: #fff;
}

#agenda-container .agenda-slide-next {
    position: absolute;
    z-index: 99;
    right: 45px;
    cursor: pointer;
}

#agenda-container .agenda-slide-prev {
    position: absolute;
    z-index: 99;
    left: 45px;
    cursor: pointer;
}

#agenda-container {
    position: relative;
}

.flex_center {
    display: flex;
    justify-content: center;
}

.shortcuts-search-j-quinze {
    background-color: #308fd1;
}

.shortcuts-search-j-quinze .sub-shortcuts img {
    position: relative;
    left: -50px;
}

@media screen and (min-width: 993px) and (max-width: 1080px) {
    .shortcuts-search-j-quinze .sub-shortcuts img {
        left: -30px;
    }
}

@media screen and (max-width: 992px) {
    .shortcuts-search-j-quinze .sub-shortcuts img {
        left: -50px;
    }
}

.j_quinze_warning {
    padding: 15px;
    margin-bottom: 30px;
}

.form_j_quinze.recapitulate h1 {
    margin-top: 0;
}

.form_j_quinze.recapitulate form {
    display: flex;
    justify-content: center;
}

.form_j_quinze.recapitulate input[type="submit"] {
    box-shadow: none;
    width: auto;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 22px;
    line-height: 1.2;
}

#agenda-message {
    padding-bottom: 0;
}

.shortcuts div.blocs1 .creche_lib img {
    padding-top: 0 !important;
    margin-right: 25px;
    height: auto;
    width: auto;
}

.form_j_quinze .headband div.title div {
    height: auto;
    display: block;
}

.form_j_quinze .headband .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form_j_quinze .headband .title .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.form_j_quinze .headband .title .lib_title {
    font-family: 'ProximaNovaSoft-Medium';
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
}

.confirm_j_quinze a {
    color: #d13130;
}

@media screen and (max-width: 991px) {
    .j-quinze .chrono_left img {
        left: -8px;
    }

    .shortcuts-search-j-quinze .sub-shortcuts img {
        left: -72px;
        margin-bottom: 0 !important;
    }

    #agenda-container, .bloc_border {
        margin-bottom: 15px;
    }

    .form_j_quinze.recapitulate .bloc_border {
        margin-bottom: 30px;
    }

    .form_j_quinze .desc {
        width: 100%;
    }

    .form_j_quinze .formulaire button.submit {
        margin-top: 15px;
    }

    .shortcuts .sub-shortcuts.creche_lib {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .shortcuts-search-j-quinze .sub-shortcuts img {
        margin-right: 0 !important;
        left: -32px;
    }

    #agenda-container, .bloc_border {
        padding: 20px;
    }

    .form_j_quinze .formulaire {
        padding-top: 30px;
    }
}

@media screen and (max-width: 599px) {
    #reserverModal .buttons_j_quinze {
        flex-direction: column;
    }

    #reserverModal .buttons_j_quinze a {
        margin-bottom: 15px;
    }

    #reserverModal .buttons_j_quinze a:first-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 479px) {
    .shortcuts-search-j-quinze .sub-shortcuts img {
        margin-top: 10px;
    }

    .shortcuts-search-j-quinze .creche_lib > div:first-child {
        width: 75px;
    }

    #agenda-container .slick-list .slick-slide div:nth-child(3) {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #agenda-container .slick-list .slick-slide div:nth-child(n+3) {
        padding: 0 5px;
    }

    #agenda-container .slick-list .slick-slide div:last-child {
        margin-bottom: 10px;
    }
}

/** End j+15 **/


/** Begin caddie **/
.search-pre-header li.caddie a img {
    padding: 0;
}

.search-pre-header li.caddie a {
    border-left: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .search-pre-header li:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 479px) {
    .desc-pre-header {
        width: auto;
    }

    .desc-pre-header a {
        font-size: 13px;
    }
}

/** End caddie **/


/** Begin Espace parent **/
.home-espace-parent {
    background-image: url('/modules/pab/template/images/home-espace-client.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 660px;
    display: flex;
    align-content: center;
    align-items: center;
}

.home-espace-parent .container,
.home-espace-parent .wrapper-global {
    height: 100%;
}

.home-espace-parent h1 {
    font-weight: 700 !important;
    font-size: 36px;
    line-height: 1.2;
    color: #4c4c4c;
    margin-bottom: 45px;
}

.home-espace-parent .wrapper-blocks {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.home-espace-parent .wrapper-global {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 660px;
    height: 660px;
    align-content: flex-start;
    align-items: flex-start;
}

.home-espace-parent .block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    min-height: 230px;
    height: 230px;
    background-color: #afa59d;
    border-radius: 12px;
    margin-bottom: 20px;
}

.home-espace-parent .block p,
.home-espace-parent .block-more-wrapper p {
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 15px;
    width: 100%;
}

.home-espace-parent .block-more-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.home-espace-parent .block-more {
    background-color: #65859c;
    text-transform: none !important;
    padding: 10px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-top: 15px;
    font-weight: 600;
}


.home-espace-parent .block img {
    margin-bottom: 15px;
}

.home-espace-parent .block-more-wrapper img {
    margin-top: 25px;
}


@media screen and (max-width: 991px) {
    .home-espace-parent {
        padding: 60px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .home-espace-parent {
        background-image: none;
        padding: 0 !important;
    }

    .home-espace-parent-xs {
        background-image: url('/modules/pab/template/images/home-espace-client.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        height: 130px;
        margin-bottom: 30px;
    }

    .home-espace-parent h1 {
        margin-bottom: 35px;
    }

    .home-espace-parent .wrapper-global {
        height: auto;
        width: 100vw;
    }

}

/** End Espace parent **/


/** Services crècheslib **/
creche-services {
    margin-bottom: 30px;
}

creche-services {
    display: flex;
    justify-content: space-between;
}

creche-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    width: 220px;
    min-height: 190px;
    padding: 0 10px;
}

creche-content img {
    margin-bottom: 20px;
}

creche-content span {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    padding-bottom: 10px;
    width: 100%;
    flex: 1 0 auto;
}

creche-content .btn-style {
    padding: 7px 20px;
    font-size: 13px;
    margin-top: auto;
}

arrow-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 30px;
}


@media screen and (max-width: 767px) {
    creche-services {
        flex-direction: column;
        margin-bottom: 0;
    }

    creche-content {
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
    }

    creche-content span {
        margin-bottom: 20px;
    }

    arrow-wrapper {
        display: none;
    }
}


/** Modal **/
.modal_crechelib .close {
    font-size: 34px;
    position: relative;
    top: -10px;
    color: #d13130;
    opacity: 1;
}

.modal_crechelib .wysiwyg h1 {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #308fd1;
}

.modal_crechelib .wysiwyg h2 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 !important;
    color: #d13130;
}

.modal_crechelib .wysiwyg h3 {
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Semibold';
    padding-bottom: 10px;
    margin: 0;
    color: #d13130;
}

.modal_crechelib .wysiwyg h4 {
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Semibold';
    padding-bottom: 10px;
    margin: 0;
    color: #d13130;
}

.modal_crechelib .wysiwyg p,
.modal_crechelib .wysiwyg span,
.modal_crechelib .wysiwyg {
    padding-bottom: 0;
    margin: 0;
    color: #308fd1;
    font-size: 16px;
    line-height: 24px;
}

.modal_crechelib .wysiwyg ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.modal_crechelib .wysiwyg ol {
    padding: 0 0 0 20px;
    margin: 0 0 25px 0;
}

.modal_crechelib .wysiwyg ul li {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.modal_crechelib .wysiwyg ul li:before {
    content: "• " !important;
    color: #308fd1;
    font-size: 140%;
    padding-right: 5px;
}

.modal_crechelib .wysiwyg img {
    max-width: 100%;
    height: auto;
}

.modal_crechelib .wysiwyg blockquote p {
    padding-bottom: 0;
}

.modal_crechelib .wysiwyg blockquote {
    padding: 20px;
    background-color: #f5f5f5;
    border-left: 5px solid #d13130;
    color: #d13130;
    font-size: 16px;
    line-height: 22px;
    margin: 30px 0;
}

.modal_crechelib .wysiwyg table {
    clear: both;
    margin: 15px 0 30px 0;
}

.modal_crechelib .wysiwyg hr {
    margin: 15px 0 !important;
    border-bottom: 1px solid #308fd1;
}

.modal_crechelib .wysiwyg a {
    color: #d13130 !important;
}

.modal_crechelib .wysiwyg p img {
    margin-left: 0 !important;
}

.modal_crechelib .wysiwyg img {
    max-width: 100%;
    height: auto !important;
}

.connexion_box {
    margin-top: 30px;
}

/* creche lib */
.shortcuts div.sub-shortcuts.creche_lib {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px 0;
}

.creche_lib .title {
    font-size: 36px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shortcuts-search-j-quinze .sub-shortcuts.creche_lib img {
    left: -10px;
    margin-bottom: 0;
}

.creche_lib .content {
    padding: 0 10px;
    text-align: center;
}

.creche_lib .bottom {
    font-size: 18px;
    text-align: center;
}


@media screen and (max-width: 991px) {
    .shortcuts-search-j-quinze .sub-shortcuts.creche_lib img {
        left: -30px;
    }

    .shortcuts div.sub-shortcuts.creche_lib {
        padding: 0;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .shortcuts div.sub-shortcuts.creche_lib {
        position: relative;
    }

    .shortcuts-search-j-quinze .sub-shortcuts.creche_lib img {
        width: 100px;
        left: -25px;
        top: 0;
        position: absolute;
    }

    .creche_lib .title strong {
        padding-left: 100px;
    }

    #homepage .sub-shortcuts.creche_lib .content {
        line-height: 1;
    }
}

@media screen and (max-width: 600px) {
    .creche_lib .title {
        justify-content: flex-start;
    }
}


/***********************/
.listing-actus .illustration {
    height: 260px;
    overflow: hidden;
}

.listing-actus .illustration img {
    max-width: 100%;
    height: auto;
    position: relative;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .listing-actus .illustration {
        height: 215px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .listing-actus .illustration {
        height: 160px;
    }
}

@media screen and (max-width: 767px) {
    .listing-actus .illustration {
        height: auto;
        overflow: auto;
    }

    .listing-actus .illustration img {
        top: initial;
        left: initial;
        transform: none;
    }
}

/*******************************************/
.read-more {
    display: block;
    font-weight: 700;
    margin-top: 10px;
    cursor: pointer;
}

.reduce {
    margin-top: 10px;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    float: left;
}

.read-more-link, .read-less-link {
    font-weight: 700;
    color: #505050;
}

@media screen and (max-width: 767px) {
    .js-readmore {
        min-height: 80px;
        overflow: hidden;
    }

    .js-readmore .read-more, .js-readmore .reduce {
        cursor: default;
    }
}

.mrc-shadow {
    pointer-events: none;
    position: absolute;
    height: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(to top, #fff 14%, rgba(0, 0, 0, 0) 100%);
}

.mrc-shadow-landing {
    background: linear-gradient(to top, #f5f5f5 14%, rgba(0, 0, 0, 0) 100%);
}

.formulaire #formulaire-desabonnement input {
    float: none;
}

/********************************************************/
/*   Flags  */
/********************************************************/
@media screen and (max-width: 767px) {
    .flags {
        border: 1px solid #dcdcdc;
        border-radius: 20.5px;
        padding: 10px 15px;
        float: none !important;
        margin-right: 0 !important;
    }

    .flag-uk-dark,
    .flag-uk,
    .flag-france,
    .flag-france-dark {
        display: inline-block !important;
    }
}

.flags {
    display: flex;
    margin-right: 20px;
    padding: 16px;
}

.flags a:first-child {
    margin-right: 5px;
}

.flag-france,
.flag-france-dark:hover {
    content: '';
    background-image: url('/modules/pab/template/images/flags/flag-france.svg');
    height: 16px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 16px;
    display: block;
}

.flag-france-dark,
.flag-france:hover {
    content: '';
    background-image: url('/modules/pab/template/images/flags/flag-france-grey.svg');
    height: 16px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 16px;
    display: block;
}

.flag-uk,
.flag-uk-dark:hover {
    content: '';
    background-image: url('/modules/pab/template/images/flags/flag-uk.svg');
    height: 16px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 16px;
    display: block;
}

.flag-uk-dark,
.flag-uk:hover {
    content: '';
    background-image: url('/modules/pab/template/images/flags/flag-uk-grey.svg');
    height: 16px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 16px;
    display: block;
}

.description_en {
    color: grey !important;
    font-style: italic !important;
    font-size: 1.7em !important;
    margin-top: 20px !important;
}

.en {
    color: grey;
    font-style: italic;
}

.tel_en {
    font-style: italic;
}

.langue {
    float: left;
}

.flag_drap img {
    margin-left: 10px;
    margin-top: 6px;
    width: 24px;
}

/* TMA PAB Header TMAPAB-140 */
#header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
}


/************ POPIN Form Callbak **********/


#checkbox_callback {
    display: none;
}

.checkbox_callback {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
}

.checkbox_callback > div {
    padding-left: 25px;
    margin-bottom: 25px;
}

.checker {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/modules/pab/template/images/ui-elements-checkbox.svg");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}

#checkbox_callback:checked + .checker {
    background-image: url("/modules/pab/template/images/ui-elements-checkedbox.svg");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.callback_popin a:hover,
.callback_popin a {
    color: #d13130;
    text-decoration: underline !important;
}

.callback_popin form {
    padding: 25px;
    width: 300px !important;
}

@media screen and (max-width: 350px) {
    .callback_popin form {
        padding: 15px;
        width: 270px !important;
    }
}

.callback_popin .close {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 12px;
    width: 12px;
    border: none;
    background: transparent;
    opacity: 1;
}

.callback_popin {
    width: 300px;
    background: #fff;
    border-left: 5px solid #d13130;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .1);
    -webkit-transition: width .3s ease;
    overflow: hidden;
    display: none;
}

input:checked + .callback_popin {
    width: 0;
}

@media screen and (max-width: 350px) {
    .callback_popin {
        width: 280px;
    }
}

.callback_popin_wrapper {
    position: fixed;
    top: 220px;
    z-index: 999999999999;
    right: -5px;
}

@media screen and (max-width: 991px) {
    .callback_popin_wrapper {
        top: 170px;
    }
}

@media screen and (min-width: 768px) {
    .callback_popin_wrapper {
        top: 190px;
    }
}

@media screen and (max-width: 479px) {
    .callback_popin_wrapper {
        top: 160px;
    }
}

.callback_popin_wrapper > label {
    display: flex;
    position: absolute;
    width: 40px;
    padding: 7px;
    left: -12px;
    background: #fff;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.callback_popin_wrapper > label img {
    width: 30px;
    height: 30px;
}

.callback_popin input {
    box-shadow: none;
    width: 100%;
    padding: 5px 15px;
}

.callback_popin input[type='number'] {
    -moz-appearance: textfield !important;
}

.callback_popin input::-webkit-outer-spin-button,
.callback_popin input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

.callback_popin input::placeholder {
    color: rgb(80, 80, 80);
    opacity: 1;
}

.callback_popin .title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.callback_popin .title {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    line-height: 1;
    color: #d13130;
    font-family: 'ProximaNovaSoft-Semibold';
    font-size: 27px;
}

.callback_popin form input {
    margin-bottom: 15px;
}

.formulaire .champs .callback_choices .radio {
    float: none !important;
    width: 100% !important;
}

.callback_title,
.callback_sub {
    color: #d13130;
    line-height: 1.2;
    font-family: 'ProximaNovaSoft-Semibold';
}

.formulaire .obligatoire.callback {
    margin-top: 30px;
    line-height: 1.2;
}

.formulaire .obligatoire.callback a {
    color: #d13130 !important;
}

/************** Begin Summer Camp Style *************/
.summer_camp .select-creche {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: start;
}

.summer_camp .select-creche .btn-style {
    white-space: initial !important;
}

.cta-formulaire-summer-camp {
    line-height: 1;
}

.cta-formulaire-summer-camp:hover {
    color: #fff !important;
}

.head_summer_camp p {
    padding-bottom: 0;
}

.head_summer_camp {
    margin: 40px 0 10px 0;
}


#listing-creches.summer_camp .select-creche .see {
    max-width: initial;
}

@media screen and (min-width: 1200px) {
    #formulaire_summer_camp select#jour-de-naissance {
        width: 120px !important;
    }

    #formulaire_summer_camp select#mois-de-naissance {
        width: 160px !important;
    }

    #formulaire_summer_camp select#annee-de-naissance {
        width: 180px !important;
    }

    #formulaire_summer_camp .champs {
        padding: 40px 100px;
    }

    #formulaire_summer_camp .champs .date,
    #formulaire_summer_camp input,
    #formulaire_summer_camp select {
        width: 500px;
    }
}

@media screen and (max-width: 991px) {
    .cta-formulaire-summer-camp {
        margin-bottom: 20px;
    }
}

div.sticky-map {
    position: sticky;
    top: 0;
}

div#basket {
    position: sticky;

}

/************** End Summer Camp Style *************/


/**************************************************/
.card-image {
    position: relative;
    display: flex;
    margin-bottom: 50px;
}

.card-image .btn-style.red-bg-color.white:hover {
    color: white !important;
}

#pimcore_editable_contentBlockSecond .contentBlockSecond:nth-child(odd) .card-image,
#pimcore_editable_contentBlock .contentBlock:nth-child(odd) .card-image {
    flex-direction: row;
}

#pimcore_editable_contentBlockSecond .contentBlockSecond:nth-child(odd) .card-image .card-text,
#pimcore_editable_contentBlock .contentBlock:nth-child(odd) .card-image .card-text {
    padding: 0 60px 0 0;
}

div.pencil-edit-image {
    position: absolute;
    bottom: 70px;
    right: 0;
    padding: 0;
    min-width: 230px;
}

div.pencil-edit-image .pimcore_edit_link_button {
    display: block;
    width: 24px;
    height: 24px;
    position: static;
}

div.pencil-edit-image .pimcore_tag_link_text {
    display: block;
    height: auto;
}

div.pencil-edit-image .pimcore_tag_link_text > a {
    position: static;
}

.BO-block-first > .contentBlockFirst:nth-child(1n),
.BO-block-second > .contentBlockSecond:nth-child(1n),
.card-image:nth-child(odd),
.card-image.block-second:nth-child(even) {
    flex-direction: row-reverse;
}

.card-image.block-second:nth-child(odd) {
    flex-direction: row;
}

.BO-block-first > .contentBlockFirst:nth-child(2n) .card-image,
.BO-block-second > .contentBlockSecond:nth-child(2n) .card-image {
    flex-direction: row-reverse !important;
}

.BO-block-first > .contentBlockFirst:nth-child(2n) .card-image .card-text,
.BO-block-second > .contentBlockSecond:nth-child(2n) .card-image .card-text {
    padding: 0 0 0 45px !important;
}

.BO-block-first > .contentBlockFirst:nth-child(2n) .card-image .image-wrapper .pimcore_tag_image > img,
.BO-block-second > .contentBlockSecond:nth-child(2n) .card-image .image-wrapper .pimcore_tag_image > img {
    padding-right: 15px !important;
}

@media screen and (max-width: 767px) {
    .card-image {
        flex-direction: column !important;
        margin-bottom: 30px;
        padding: 0 !important;
    }
}

.card-image .card-text {
    display: flex;
    flex-direction: column;
    width: calc(51% - 15px);
    height: auto;
}

@media screen and (max-width: 767px) {
    .card-image:nth-child(odd) .card-text,
    .card-image:nth-child(even) .card-text {
        padding: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .container .card-image:first-of-type {
        flex-direction: row;
    }
}

@media screen and (max-width: 991px) {
    .card-image:nth-child(odd) .card-text {
        padding: 0 0 0 15px;
    }

    .card-image:nth-child(even) .card-text {
        padding: 0 15px 0 0;
    }
}

@media screen and (min-width: 992px) {
    .card-image:nth-child(even) .card-text {
        padding: 0 45px 0 0;
    }

    .card-image:nth-child(odd) .card-text {
        padding: 0 0 0 45px;
    }
}

@media screen and (max-width: 767px) {
    .card-image:nth-child(even) {
        flex-direction: column;
        padding: 0;
    }

    .card-image:nth-child(even) .card-text,
    .card-image:nth-child(even) .card-text {
        padding: 0;
    }
}

.card-image .card-text h2 {
    padding: 0 0 25px 0;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 1.2;
    color: #858583;
}

.card-image .card-text .btn-style {
    margin: 0 auto 0 0;
}

.card-image .card-text p {
    padding-bottom: 0;
}

.card-image .card-text > div {
    padding: 0;
    margin-bottom: 25px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .card-image .card-text {
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
    }

    .card-image .card-text > div {
        margin-bottom: 0;
    }

    .card-image .image-wrapper {
        min-height: 0px !important;
        height: auto !important;
    }
}

#pimcore_editable_contentBlock .contentBlock .card-image > .image-wrapper,
#pimcore_editable_contentBlockSecond .contentBlockSecond .card-image > .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(49% + 15px) !important;
    min-height: 430px;
    height: 430px;
    overflow: hidden;
}

.card-image .image-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: calc(49% + 15px) !important;
    overflow: hidden;
}

#pimcore_editable_contentBlock .contentBlock .card-image > .image-wrapper > img,
#pimcore_editable_contentBlockSecond .contentBlockSecond .card-image > .image-wrapper > img {
    width: 100%;
}

.card-image .image-wrapper > img {
    object-fit: cover;
}

@media screen and (min-width: 768px) {
    .card-image .image-wrapper > img {
        object-fit: contain;
    }
}

#pimcore_editable_contentBlockSecond .contentBlockSecond .card-image .image-wrapper > .pimcore_tag_image > img,
#pimcore_editable_contentBlock .contentBlock .card-image .image-wrapper > .pimcore_tag_image > img {
    width: auto;
}

#pimcore_editable_contentBlockGrey > div,
#pimcore_editable_contentSummaryBlock > div,
#pimcore_editable_contentBlock > div {
    min-width: 280px;
}

@media screen and (min-width: 768px) {
    .card-image:nth-child(even) .image-wrapper {
        padding-left: 15px;
    }

    .card-image:nth-child(odd) .image-wrapper {
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .card-image .image-wrapper {
        width: 100% !important;
    }
}

.image-full {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .image-full {
        margin-bottom: 30px;
    }
}

.image-full img {
    width: 100%;
    min-height: 500px;
    height: 500px;
    object-fit: contain;
    object-position: 50% 50%;
}

.wysiwyg-wrapper {
    margin-bottom: 50px;
}

.wysiwyg-wrapper > h2 {
    padding: 0 0 20px 0;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 1.3;
    color: #858583;
}

.wysiwyg-card h2 {
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    color: #858583;
}

@media screen and(max-width: 767px) {
    .wysiwyg-wrapper > h2,
    .wysiwyg-card h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .wysiwyg-wrapper {
        margin-bottom: 30px;
    }
}

.wysiwyg-card h3 {
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 22px;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
}

@media screen and(max-width: 767px) {
    .wysiwyg-card h3 {
        font-size: 18px;
    }
}

.wysiwyg-card h4 {
    margin-bottom: 10px;
    line-height: 1.2;
    font-size: 20px;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
}

@media screen and(max-width: 767px) {
    .wysiwyg-card h4 {
        font-size: 18px;
    }
}

.wysiwyg-card ul {
    margin-bottom: 15px;
    padding-left: 40px;
    list-style: none;
    font-size: 18px;
    font-weight: normal;
    font-family: 'ProximaNovaSoft-Regular';
    font-style: normal;
}

.wysiwyg-card ol li,
.wysiwyg-card ul li {
    line-height: 1.4;
}

.wysiwyg-card ul li:before {
    content: '\2022';
    color: #d13130;
    font-weight: bold;
    display: inline-block;
    width: 15px;
    margin-left: -10px;
}

.wysiwyg-card ol {
    margin-bottom: 15px;
    padding-left: 40px;
    list-style-type: none;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    font-family: 'ProximaNovaSoft-Regular';
    font-style: normal;
    counter-reset: listitem;
}

.wysiwyg-card ol li:before {
    counter-increment: listitem;
    content: counters(listitem, '') '-';
    color: #d13130;
    font-weight: bold;
    display: inline-block;
    width: 25px;
    margin-left: -10px;
}

.wysiwyg-card.rounded {
    width: 100%;
    margin-bottom: 50px;
}

.wysiwyg-card.rounded p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.wysiwyg-card a {
    color: #d13130;
    text-decoration: underline;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
}

.wysiwyg-card p,
.wysiwyg-card div,
.wysiwyg-card span {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 18px;
    font-family: var(--camptonbook);
    font-weight: normal;
}

.global-summary {
    margin-bottom: 60px;
}

@media screen and(max-width: 767px) {
    .global-summary {
        margin-bottom: 60px;
    }
}

#pimcore_editable_contentSummaryBlock,
.global-summary,
.BO-rounded-grey-block,
.BO-rounded-block,
.wrapper-cards,
.wrapper-grey .container {
    display: flex;
    flex-wrap: wrap;
}

.wrapper-grey {
    padding-top: 40px;
    padding-bottom: 15px;
    margin-bottom: 100px;
    background-color: #F5F5F5;
}

.BO-rounded-block > div,
.BO-rounded-grey-block > div,
#pimcore_editable_contentSummaryBlock > div {
    width: calc((100% / 3) - 20px);
    margin-right: 15px !important;
    margin-bottom: 30px;
}

.wrapper-grey .thumbnail-cms,
.wrapper-cards .thumbnail-cms {
    width: calc((100% / 3) - 20px);
    margin-right: 30px;
}

#pimcore_editable_contentSummaryBlock > div,
.global-summary .wrapper-summary {
    width: calc((100% / 3) - 10px);
    margin-right: 15px !important;
    margin-bottom: 30px;
}

#pimcore_editable_contentSummaryBlock > div:nth-child(3n+3),
.global-summary .wrapper-summary:nth-child(3n+3),
.BO-rounded-grey-block > div:nth-child(3n+3),
.BO-rounded-block > div:nth-child(3n+3),
.wrapper-grey .thumbnail-cms:nth-child(3n+3),
.wrapper-cards .thumbnail-cms:nth-child(3n+3) {
    margin-right: 0 !important;
}

.BO-rounded-grey-block .thumbnail-cms,
.BO-rounded-block .thumbnail-cms {
    width: 100%;
}

.BO-rounded-grey-block .thumbnail-cms .caption,
.BO-rounded-block .thumbnail-cms .caption {
    margin-top: 0;
}

.BO-rounded-grey-block .thumbnail-cms h2,
.BO-rounded-block .thumbnail-cms h2 {
    min-height: 0;
    height: auto;
}

@media screen and (max-width: 991px) {
    .BO-rounded-block > div,
    .BO-rounded-grey-block > div,
    .wrapper-cards .thumbnail-cms,
    .wrapper-grey .thumbnail-cms {
        width: calc(50% - 20px);
        margin-right: 30px;
    }

    .global-summary .wrapper-summary {
        width: calc(50% - 20px);
        margin-right: 15px !important;
    }

    .BO-rounded-grey-block > div:nth-child(2n+2),
    .BO-rounded-block > div:nth-child(2n+2),
    .wrapper-cards .thumbnail-cms:nth-child(2n+2),
    .wrapper-grey .thumbnail-cms:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .global-summary .wrapper-summary,
    .BO-rounded-grey-block > div,
    .BO-rounded-block > div,
    .wrapper-cards .thumbnail-cms,
    .wrapper-grey .thumbnail-cms {
        width: 100%;
        margin-right: 0 !important;
    }

    .wrapper-grey {
        margin-bottom: 50px;
    }
}

.thumbnail-cms {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 50px;
}

.wrapper-grey .thumbnail-cms {
    margin-bottom: 30px;
}

.BO-rounded-block .thumbnail-cms [id^="pimcore_editable_cmsGreyRoundedcontentBlockGrey"] > img,
.wrapper-grey .thumbnail-cms > img {
    height: 110px;
    width: 110px;
}

.BO-rounded-grey-block .thumbnail-cms [id^="pimcore_editable_cmsImageRoundedcontentBlock"] > img,
.thumbnail-cms > img {
    height: 260px;
    width: 260px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 50%;
}

.wrapper-grey .thumbnail-cms h3,
.thumbnail-cms h2,
.wrapper-grey h2 {
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    line-height: 1.2;
    min-height: 70px;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    text-align: center;
    color: #858583;
}

.wrapper-grey h2 {
    min-height: 0;
    margin-bottom: 20px;
    text-align: left;
}

.BO-rounded-block .thumbnail-cms h3 {
    min-height: 0;
    height: auto;
}

.wrapper-grey .thumbnail-cms h3 {
    min-height: 65px;
    font-size: 22px;
}

@media screen and (max-width: 767px) {
    .thumbnail-cms {
        margin-bottom: 30px;
    }

    .thumbnail-cms h2 {
        min-height: 0;
        font-size: 24px;
    }

    .wrapper-grey .thumbnail-cms {
        margin-right: 0;
    }

    .wrapper-grey .thumbnail-cms h3 {
        min-height: 0;
        font-size: 20px;
    }
}

.thumbnail-cms .btn-style {
    margin: 30px auto 0 auto;
}

.thumbnail-cms a.btn-style:hover,
.thumbnail-cms a.btn-style:active,
.thumbnail-cms a.btn-style:focus,
.thumbnail-cms a.btn-style:visited {
    color: white !important;
}

.thumbnail-cms .caption div,
.thumbnail-cms .caption p {
    text-align: center;
    padding-bottom: 0;
}

.thumbnail-cms .caption {
    margin-top: auto;
}

#pimcore_editable_cmsCardImageRight,
#pimcore_editable_cmsCardImageLeft,
#pimcore_editable_cmsCardImage {
    width: calc(50% + 15px) !important;
}

#pimcore_editable_cmsCardImageRight > img,
#pimcore_editable_cmsCardImageLeft > img,
#pimcore_editable_cmsCardImage > img {
    width: 100% !important;
}

#pimcore_editable_cmsCardImageFull {
    min-height: 500px;
    height: auto !important;
}

#pimcore_editable_cmsImageRounded,
#pimcore_editable_cmsImageRoundedSecond,
#pimcore_editable_cmsImageRoundedThird,
#pimcore_editable_cmsImageRoundedFourth,
#pimcore_editable_cmsImageRoundedFifth,
#pimcore_editable_cmsImageRoundedSixth,
#pimcore_editable_cmsGreyRounded,
#pimcore_editable_cmsGreyRoundedSecond,
#pimcore_editable_cmsGreyRoundedThird {
    margin: 0 auto 20px auto;
}

#pimcore_editable_cmsImageRounded > img,
#pimcore_editable_cmsImageRoundedSecond > img,
#pimcore_editable_cmsImageRoundedThird > img,
#pimcore_editable_cmsImageRoundedFourth > img,
#pimcore_editable_cmsImageRoundedFifth > img,
#pimcore_editable_cmsImageRoundedSixth > img {
    height: 260px;
    width: 260px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 50%;
}

#pimcore_editable_cmsGreyRounded > img,
#pimcore_editable_cmsGreyRoundedSecond > img,
#pimcore_editable_cmsGreyRoundedThird > img {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 50%;
}

.wysiwyg-top {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .wysiwyg-top {
        margin-bottom: 30px;
    }
}

/***********************************************/
.wrapper-summary {
    display: flex;
    position: relative;
    width: 376px;
    height: 300px;
}

@media screen and (max-width: 767px) {
    .wrapper-summary {
        height: 200px;
    }
}

.wrapper-summary > a {
    height: 100%;
    width: 100%;
}

.wrapper-summary .card-summary {
    height: 100%;
    width: 100%;
}

.wrapper-summary .card-summary > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.wrapper-summary .desc-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .wrapper-summary .desc-summary {
        padding: 15px;
    }
}

.wrapper-summary .title-summary {
    min-height: 120px;
    position: absolute;
    padding: 25px 15px 15px 15px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: #5d5d5d;
    background-color: rgba(255, 255, 255, 0.75);
    line-height: 1;
    font-size: 28px;
    font-family: 'ProximaNovaSoft-Bold';
    font-weight: normal;
    font-style: normal;
}

.wysiwyg-summary p,
.wysiwyg-summary div {
    padding: 0 !important;
}


@media screen and (max-width: 767px) {
    .wrapper-summary .title-summary {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
}

.wrapper-summary .discover-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px 10px;
    bottom: 0;
    position: absolute;
    transition: opacity .6s .1s ease-in-out;
    font-size: 28px;
    font-family: 'ProximaNovaSoft-Bold';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #ffffff;
    background: #BACCD1;
}

.wrapper-summary .discover-summary .btn-style {
    margin-top: 25px;
}

@media screen and (min-width: 768px) {
    .wrapper-summary:hover .discover-summary {
        opacity: 1;
    }
}

#pimcore_editable_contentSummaryBlock > div .wrapper-summary:hover .discover-summary {
    opacity: 0;
}

.card-summary-editmode .BO-link > div .pimcore_tag_link_text > a {
    color: #D13130;
    line-height: 1.2;
    font-size: 18px;
    font-family: 'ProximaNovaSoft-Regular';
    font-weight: normal;
    font-style: normal;
}

.card-summary-editmode .BO-link {
    padding-top: 15px;
}

.card-summary-editmode h2 {
    color: #5d5d5d;
    line-height: 1.2;
    font-size: 28px;
    font-family: 'ProximaNovaSoft-Bold';
    font-weight: normal;
    font-style: normal;
}

/*******************************************************/
.bloc-news-download,
.bloc-news {
    margin-bottom: 30px;
}

.bloc-news {
    display: flex;
    min-height: 175px;
    border-radius: 12px;
    overflow: hidden;
}

.bloc-news > img {
    width: calc(100% / 3);
    object-position: 50% 50%;
    object-fit: cover;
}

.bloc-news .wrapper-news {
    width: calc((100% / 3) * 2);
    padding: 30px;
    background-color: #FBB937;
    color: white !important;
}

.bloc-news .wrapper-news h2 {
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.2;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    color: white;
}

.bloc-news .wrapper-news .description {
    line-height: 1.3;
    font-size: 18px;
    color: white;
}

.bloc-news-download .wrapper-news .description p,
.bloc-news-download .wrapper-news .description div,
.bloc-news .wrapper-news .description p,
.bloc-news .wrapper-news .description div {
    padding: 0;
}

.bloc-news-download {
    display: flex;
    min-height: 175px;
    padding: 25px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #64859A;
}

.bloc-news-download > img {
    object-position: 50% 50%;
    object-fit: cover;
}

.bloc-news-download .wrapper-img {
    display: flex;
    align-items: center;
    width: 20%;
}

.bloc-news-download .wrapper-img img {
    width: 110px;
    height: 110px !important;
    object-position: 50% 50%;
    object-fit: cover;
}

.bloc-news-download .wrapper-news {
    width: 80%;
    font-size: 18px;
    color: white;
}

@media screen and (max-width: 767px) {
    .bloc-news-download .wrapper-news {
        width: 100%;
    }
}

.bloc-news-download .wrapper-news h2 {
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.2;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color: white;
}

.bloc-news-download .wrapper-news .description:first-child {
    display: flex;
    margin-bottom: 10px;
}

.bloc-news-download .wrapper-news .description:first-child > a {
    color: white !important;
    text-decoration: underline;
    margin-left: 5px;
    line-height: 24px;
}

.bloc-news-download .wrapper-news .description:first-child > a:active,
.bloc-news-download .wrapper-news .description:first-child > a:focus,
.bloc-news-download .wrapper-news .description:first-child > a:visited,
.bloc-news-download .wrapper-news .description:first-child > a:hover {
    text-decoration: underline !important;
}


@media screen and (max-width: 767px) {
    .bloc-news,
    .bloc-news-download {
        flex-direction: column;
    }

    .bloc-news > img {
        height: 175px !important;
        width: 100%;
    }

    .bloc-news-download {
        padding: 20px;
    }

    .bloc-news-download .wrapper-img {
        width: 100%;
        margin-bottom: 20px;
        align-items: flex-start;
        justify-content: center;
    }

    .bloc-news-download .wrapper-img img {
        height: 75px !important;
        width: 75px;
    }

    .bloc-news .wrapper-news {
        width: 100% !important;
        padding: 20px;
    }
}

#pimcore_editable_blocNewsDescDownload > div {
    min-height: 0 !important;
}

#pimcore_editable_blocNewsDescDownload {
    min-width: 250px;
}

#pimcore_editable_blocNewsImg {
    width: 560px;
}

/***********************************************************/
.event-block {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
}

.event-block .container-desc {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    position: absolute;
    height: calc(100% - 60px);
    z-index: 1;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

.event-block .container-desc > div p,
.event-block .container-desc > div div {
    padding: 0 !important;
    text-align: center;
    color: #5d5d5d !important;
}

.event-block .container-desc .wrapper h2 {
    padding-bottom: 10px !important;
    color: #5d5d5d !important;
    line-height: 1;
    font-size: 28px;
    font-family: 'ProximaNovaSoft-Bold';
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

.event-block .container-desc .wrapper {
    min-height: 100px;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 12px 10px;
}

.shortcuts .event-block.blocs2 {
    padding: 0 !important;
}

.shortcuts .event-block.blocs2 > img {
    padding-top: 0 !important;
}

.shortcuts .event-block > img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
    margin: 0 !important;
}

.wrapper-event-block {
    height: 488px;
}

@media screen and (min-width: 601px) and (max-width: 991px) {
    .wrapper-event-block {
        height: 315px;
    }

    .shortcuts .blocs2.shortcuts-tarif {
        height: 143px !important;
    }

    .shortcuts .blocs2.shortcuts-tarif .sub-shortcuts {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 600px) {
    .wrapper-event-block {
        height: auto;
    }
}

#pimcore_editable_homeColorBlockImageEn > img,
#pimcore_editable_homeColorBlockImageSecondEn > img,
#pimcore_editable_homeColorBlockImageSecond > img,
#pimcore_editable_homeColorBlockImage > img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

#pimcore_editable_homeColorBlockImageEn ~ .container-desc,
#pimcore_editable_homeColorBlockImageSecondEn ~ .container-desc,
#pimcore_editable_homeColorBlockImage ~ .container-desc,
#pimcore_editable_homeColorBlockImageSecond ~ .container-desc {
    top: auto !important;
    height: auto !important;
}

#pimcore_editable_homeColorBlockImageEn,
#pimcore_editable_homeColorBlockImageSecondEn,
#pimcore_editable_homeColorBlockImage,
#pimcore_editable_homeColorBlockImageSecond {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
}

#homepage .grey-bg-color {
    background-color: #64859b !important;
}

#homepage .lagoon-bg-color,
#homepage .blue-bg-color {
    background-color: #bbccd1 !important;
}

#homepage #service3 .btn-style,
#homepage #service3 .btn-style:hover,
#homepage #service3 .services-desc h3,
#homepage #service3 .services-desc p {
    color: white !important;
}

#homepage #service3 .btn-style,
#homepage #service3 .btn-style:hover {
    border-color: white !important;
}

#homepage .blue-bg-color .btn-style,
#homepage .blue-bg-color .btn-style:hover {
    border-color: #505050 !important;
    color: #505050 !important;
}

#homepage .blue-bg-color .services-desc h3,
#homepage .blue-bg-color .services-desc p {
    color: #505050;
}

#pimcore_editable_blocNewsDownload {
    margin-left: 15px;
    padding-right: 30px;
}

#pimcore_editable_blocNewsDownload .pimcore_tag_link_text a:hover,
#pimcore_editable_blocNewsDownload .pimcore_tag_link_text a:visited,
#pimcore_editable_blocNewsDownload .pimcore_tag_link_text a:active,
#pimcore_editable_blocNewsDownload .pimcore_tag_link_text a:focus,
#pimcore_editable_blocNewsDownload .pimcore_tag_link_text a {
    color: white !important;
    text-decoration: underline !important;
}

/************************************************************/
/*                   Tribute Hommage PAB                    */
/************************************************************/

.tribute_banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 0px;
    height: 130px;
}

.tribute_banner a {
    margin-bottom: 5px;
}

.tribute_banner a img {
    height: 27px;
    width: 160px;
}

@media screen and (min-width: 992px) and (max-width: 1549px) {
    .main-menu .navbar-nav {
        float: left;
        padding-left: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .tribute_banner {
        height: 114px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .tribute_banner {
        height: 110px;
    }
}

@media screen and (max-width: 479px) {
    .tribute_banner {
        height: 95px;
    }

    .tribute_banner a img {
        height: 20px;
        width: 119px;
    }
}

#template-cms.editmode a[name] {
    padding-top: 0;
}

#template-cms a[name] {
    padding-top: 180px;
    pointer-events: none;
}

/*************************************************/

.editmode-information {
    margin: auto auto 15px auto;
    width: 100%;
    border-width: 3px;
    border-style: dashed;
    border-color: rgb(217 209 200);
    background-color: rgb(245 245 245);
    padding: 10px;
    font-size: 17px;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: 700;
    color: #d13130;
}

.card-image .editmode-information {
    position: absolute;
    width: auto;
    z-index: 1;
}

#pimcore_editable_contentBlockFirst > div:nth-child(odd) .editmode-information,
#pimcore_editable_contentBlockSecond > div:nth-child(odd) .editmode-information {
    right: 0;
    z-index: 1;
}

.BO-block-first > .contentBlockFirst:nth-child(2n) .card-image .editmode-information,
.BO-block-second > .contentBlockSecond:nth-child(2n) .card-image .editmode-information {
    left: 0;
}

#pimcore_editable_contentBlock .card-image .image-wrapper > .pimcore_tag_image.pimcore_tag_image_empty,
#pimcore_editable_contentBlockSecond .card-image .image-wrapper > .pimcore_tag_image.pimcore_tag_image_empty {
    width: 100% !important;
    height: calc(100% - 120px) !important;
}

#pimcore_editable_contentBlock .card-image .image-wrapper > .pimcore_tag_image,
#pimcore_editable_contentBlockSecond .card-image .image-wrapper > .pimcore_tag_image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 120px);
}

#pimcore_editable_contentBlock .card-image .image-wrapper > .pimcore_tag_image > img,
#pimcore_editable_contentBlockSecond .card-image .image-wrapper > .pimcore_tag_image > img {
    object-fit: contain;
}

.card-image .image-wrapper > .pimcore_tag_image {
    height: 100%;
    width: 100%;
}

.BO-rounded-block .thumbnail-cms .editmode-information,
.BO-rounded-grey-block .thumbnail-cms .editmode-information {
    margin: 0 auto 15px auto;
}

#didomi-host #buttons #didomi-notice-learn-more-button > span {
    white-space: nowrap !important;
}

.mb {
    margin-bottom: 0;
}

.responsive-mb {
    margin-bottom: 5px;
}

.const-link {
    font-size: 18px;
}

.const-link-responsive {
    padding-left: 20px;
    font-size: 16px !important;
}

/**********************************/
.link-button-cms {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.link-button-cms a:hover,
.link-button-cms a:active,
.link-button-cms a:focus,
.link-button-cms a:visited,
.link-button-cms a:link {
    color: #ffffff !important;
}

.card-image {
    justify-content: space-between;
}

.card-image .image-wrapper {
    padding-left: 0 !important;
    width: calc(50% - 15px) !important;
}

.card-image.reverse .image-wrapper {
    padding-right: 0 !important;
    width: calc(50% - 15px) !important;
}

.card-image div.card-text {
    padding: 0 !important;
    width: calc(50% - 15px) !important;
}

.card-image.reverse div.card-text {
    width: calc(50% - 15px) !important;
}

@media screen and (max-width: 767px) {
    .card-image.reverse .image-wrapper {
        width: 100% !important;
    }

    .card-image.reverse div.card-text {
        width: 100% !important;
    }

    .card-image div.card-text {
        width: 100% !important;
    }

    .card-image .image-wrapper {
        width: 100% !important;
    }
}

/*******************************************/
.wrapper_call {
    position: sticky;
    height: 0px;
    top: 230px;
    z-index: 999;
}

#homepage .call_to_action {
    margin-top: 15px;
}

.call_to_action {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    width: 140px;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
    font-family: 'ProximaNovaSoft-Semibold';
    font-weight: normal;
    font-size: 13px;
    box-shadow: 0 0 3px 0px #000000;
}

.call_to_action .contact_us > img,
.call_to_action .callback_customer > img {
    position: absolute;
    height: 25px;
    margin-bottom: 5px;
    object-fit: contain;
    top: 15px;
}

.call_to_action .contact_us > a,
.call_to_action .callback_customer > a {
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 47px 15px 15px 15px;
    font-size: 13px !important;
    color: #ffffff;
}

.call_to_action .contact_us > a:hover,
.call_to_action .callback_customer > a:hover {
    color: #ffffff !important;
}

.call_to_action .contact_us,
.call_to_action .callback_customer {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
}

.call_to_action .contact_us {
    background-color: #FDC02D;
}

.call_to_action .callback_customer {
    background-color: #D23229;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .wrapper_call {
        top: 200px;
    }
}

@media screen and (max-width: 767px) {
    .wrapper_call {
        position: relative;
    }

    .call_to_action {
        position: fixed;
        display: flex;
        flex-direction: row;
        bottom: 0;
        left: 15px;
        margin-top: 0;
        width: calc(100% - 30px);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 0px;
    }

    .call_to_action .contact_us,
    .call_to_action .callback_customer {
        width: 50%;
    }

    .call_to_action .contact_us > a,
    .call_to_action .callback_customer > a {
        padding: 35px 10px 10px 10px;
    }

    .call_to_action .contact_us img,
    .call_to_action .callback_customer img {
        height: 18px;
        top: 10px;
    }
}

.BO_wrapper {
    z-index: 200;
}

.BO_wrapper .call_to_action {
    width: 200px;
}

.BO_wrapper .callback_customer,
.BO_wrapper .contact_us {
    min-height: 50px;
    padding: 10px;
}

.BO_wrapper .call_to_action .callback_customer,
.BO_wrapper .call_to_action .contact_us {
    display: block;
}

.BO_wrapper #pimcore_editable_contactUsImage,
.BO_wrapper #pimcore_editable_callbackCustomerImage {
    width: 75px;
    height: 75px;
    margin: 0 auto 10px auto;
}

#didomi-host #buttons #didomi-notice-learn-more-button > span {
    white-space: nowrap !important;
}

.landingpage h1 {
    padding: 15px;
}

.landingpage .filters label {
    font-size: 18px;
    margin-right: 20px;
    max-width: 50%;
}

.landingpage .filters {
    margin: 15px 0;
    font-size: 18px;
}

.landingpage .filters.formulaire {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;
}

@media screen and (max-width: 768px) {
    .landingpage .filters.formulaire label {
        margin-right: 0px;
        max-width: none;
    }
}