/* Personnalisation des styles par BL Solutions */
/* http://bl.solutions */
/* Personnalisation des styles dans le template */

/* -------------------------------------------------------------
    Structure
------------------------------------------------------------- */
/* Bande au top */
div.tm-block.tm-block-light.tm-toolbar {
    padding-top: 4px;
    padding-bottom: 4px;
}
div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center {
    padding-bottom: 0;
    padding-top: 0;
}
div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center div.uk-float-left div.uk-panel div h4,
div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center div.uk-float-right div.uk-panel div h4 {
    font-size: 20px;
    margin: 9px 0 0 0 !important;
    color: #fff;
}
div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center div.uk-float-right div.uk-panel div h4 {
    text-align: right;
}
div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center div.uk-float-right div.uk-panel .btn_top div.btn-toolbar.pull-right {
    margin: 0;
}
/*div.tm-block.tm-block-light.tm-toolbar div.uk-container.uk-container-center div.uk-float-right div.uk-panel div.jsn-bootstrap3 div.row div.col-md-8.col-sm-8.col-xs-12 {
    float: right;
}*/

/* -------------------------------------------------------------
    Background & bordures
------------------------------------------------------------- */
/* Bande au top */
div.tm-block.tm-block-light.tm-toolbar {
    background-color: #ef4036;
}
/* Top menu */
div.tm-block.tm-headerbar {
    background: #C1D831 none repeat scroll 0 0;
    /*background-image: url("/../images/bg-top.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: cover;*/
}
/* Bande inclinée au dessus du slider */
/*body#accueil.tm-isblog*/ .tm-headerbar.uk-clearfix.tm-slant-bottom div.tm-slant-block-bottom {
    border-color: #C1D831 transparent transparent;
}
/* Zone des 4 boites de contenu sur l'accueil */
body#accueil div.tm-block.tm-block-light.tm-slant-bottom {
    background: #EF4036 none repeat scroll 0 0;
}
/* Bande inclinée au dessus de la bannière en pied de page*/
/*body#accueil.tm-isblog*/ div.tm-block.tm-block-light.tm-slant-bottom div.tm-slant-block-bottom {
    border-color: #EF4036 transparent transparent;
}
/* Bande inclinée au dessus du pied de page */
/*body#accueil.tm-isblog*/ div.tm-block.tm-slant-bottom div.tm-slant-block-bottom {
    border-color: #FFFFFF transparent transparent;
}
/* Footer - Contenu */
div.tm-block.tm-block-dark.uk-panel-box-secondary {
    background: #FFEA05 !important;
}
/* Footer - Copyright */
div.tm-block.tm-block-dark {
    background: #C1D831 none repeat scroll 0 0;
}
.tm-block-dark + .tm-block .tm-footer {
    border-top: inherit;
}
.tm-block > .uk-container > .uk-grid, .tm-block > .uk-container > .tm-footer {
    padding: 10px 0;
}
/* Bande de séparation entre l'entête et le contenu sur les autres pages */
.top-parallax, .bottom-parallax {
    background: #EF4036 none repeat scroll 0 0;
}
/* Bande inclinée dans le footer */
.tm-slant-top + .tm-block-dark > .tm-slant-block-top {
    border-color: transparent #ffea05 transparent transparent;
}

/* -------------------------------------------------------------
    Header
------------------------------------------------------------- */
/* Hauteur du header */
.uk-container.uk-container-center {
    padding-top: 16px;
    padding-bottom: 8px;
}
/* Logo plus gros */
div.tm-headerbar a.uk-navbar-brand {
    height: 154px;
}

/* -------------------------------------------------------------
    Liens & textes
------------------------------------------------------------- */


/* -------------------------------------------------------------
    Slider
------------------------------------------------------------- */


/* -------------------------------------------------------------
    Boutons
------------------------------------------------------------- */
body#accueil.tm-isblog .btn_services-accueil a.btn.default.btn-default {
    background-color: #C1D831;
    border-color: #333333;
    color: #000;
}
body#accueil.tm-isblog .btn_services-accueil a.btn.default.btn-default:hover {
    background-color: #FFEA05;
    border-color: #333333;
    color: #000;
}
/* Bande au top */
.tm-toolbar div.pb-element-buttonbar.btn_top div.btn-toolbar a {
    margin-left: 10px;
}
/* Bouton envoyer Infolettre */
button.btn.btn-primary.jsn-form-submit.btn_formulaire {
    background-color: #C1D831;
    border-color: #333333;
    color: #000;
}
button.btn.btn-primary.jsn-form-submit.btn_formulaire:hover {
    background-color: #EF4036;
    border-color: #333333;
    color: #fff;
}

/* -------------------------------------------------------------
    Images
------------------------------------------------------------- */

.img-list-number {
    float: left;
    margin: 0 15px 0 0 !important;
}

body#groupes .img-group a.pb-image-fancy img {
    border: 1px solid #555555;
    border-radius: 20px;
}


/* -------------------------------------------------------------
    Titre
------------------------------------------------------------- */

body#programme-educatif .pb-list-content-wrap > h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #ef4036;
}

/*body#groupes .title-group h2 {
    margin-bottom: 40px;
}*/

.titre-service-accueil-footer h4 {
    font: 300 16px/22px "Source Sans Pro";
    color: #FFEA05;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}
.titre-service-accueil h4 {
    font: 300 16px/22px "Source Sans Pro";
    color: #EF4036;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}
body#accueil.tm-isblog .titre_accueil h1 {
    color: #EF4036;
}
/* Bannière parralax dans le footer */
h2.paratitle1 {
    background-color: #ef4036;
}
h2.paratitle2 {
    background-color: #c1d831;
}

body#programme-educatif .titre-prog-educ h4 {
    line-height: 25px;
    padding-bottom: 20px;
}
.no-margin h1,
.no-margin h2,
.no-margin h3 {
    margin-top:0;
}


/* -------------------------------------------------------------
    Menu
------------------------------------------------------------- */
.uk-navbar-nav > li.uk-active > a {
    color: #FFFFFF;
    background-color: #b8cd28;
    /*background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(1, #C1D831));
    background-image: -o-linear-gradient(top, #FFFFFF, #C1D831);
    background-image: -moz-linear-gradient(top, #FFFFFF, #C1D831);
    background-image: -webkit-linear-gradient(top, #FFFFFF, #C1D831);
    background-image: linear-gradient(to bottom, #FFFFFF, #C1D831)*/
}
div.uk-navbar-flip ul.uk-navbar-nav li a:hover {
    color: #ffffff !important;
}
.uk-navbar-nav > li.uk-active > a:hover {
    color: #ffffff;
}
ul.uk-navbar-nav > li:hover::before {
    background: #FFEA05 none repeat scroll 0 0;
}
.uk-navbar-nav > li > a {
    /*color: #FFFFFF;*/
    color: #000000;
}
ul.uk-navbar-nav > li::before {
    background: #FFEA05 none repeat scroll 0 0;
}
/* Sous-menu */
.uk-dropdown-navbar {
    background: #ffea05 none repeat scroll 0 0;
    color: #000;
    margin-top: 10px;
}
.uk-dropdown-navbar .uk-nav li > a {
    color: #000;
}
    .uk-dropdown-navbar .uk-nav > li > a:hover {
        background: #c1d831 none repeat scroll 0 0;
    }
/* Icône pour inscription */
ul.uk-navbar-nav li a.new img {
    margin-right: 7px;
}
/* Navigation mobile */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #ef4036;
    color: #ffffff;
}
.uk-nav-offcanvas > li > a {
    background: #ffea05;
    color: #000;
}
    .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
        background: #c1d831;
        color: #000000;
    }
    div.uk-offcanvas-bar.uk-offcanvas-bar-show ul.uk-nav.uk-nav-offcanvas li a.new img {
        margin-right: 7px;
    }


/* -------------------------------------------------------------
    AddThis
------------------------------------------------------------- */


/* -------------------------------------------------------------
    Contenu
------------------------------------------------------------- */
/* Titre des pages */
article.uk-article h1.uk-article-title {
    color: #ef4036;
}

.avantages {
    color: #000;
}

/* -------------------------------------------------------------
    Boutons
------------------------------------------------------------- */

body#garderies .jsn-bootstrap3.jsn-pagebuilder div.pb-promobox .btn.btn-default {
    background-color: #ffea05;
    border-color: #000;
    color: #333333;
}

body#garderies .jsn-bootstrap3.jsn-pagebuilder div.pb-promobox .btn.btn-default:hover {
    background-color: #ffffff;
    border-color: #000;
    color: #333333;
}

/* -------------------------------------------------------------
    Formulaire
------------------------------------------------------------- */
.tm-bottom-c div.jsn-uniform.jsn-master form {
    margin-top: 12px;
}
.tm-bottom-c div.jsn-uniform.jsn-master form div.form-actions {
    margin: 0;
    padding: 0;
}
.tm-bottom-c div.jsn-uniform.jsn-master form div.form-actions div.btn-toolbar button.btn_formulaire {
    margin-left: 0;
}
.tm-bottom-c div.jsn-uniform.jsn-master form div.controls input {
    padding: 3px 10px;
}

/* -------------------------------------------------------------
    Témmoignage
------------------------------------------------------------- */

body#garderies .pb-testimonial-content p {
    color: #555;
    font-family: "Times New Roman",serif;
    font-size: 18px;
    font-style: italic;
    text-align: center;
}

body#garderies .pb-testimonial-meta {
    margin: 20px;
}

body#garderies .carousel.pb-testimonial .carousel-inner {
    padding-bottom: 0;
}

body#garderies .pb-testimonial-name {
    font-size: 20px !important;
    color: #ef4036 !important;
}

body#garderies .carousel.pb-testimonial ol.carousel-indicators li.active {
    background-color: #c1d831;
}

[id*="testimonial_"] {
    margin-bottom: 0 !important;
}
.pb-testimonial .carousel-indicators {
    bottom: -10px !important;
}

/* -------------------------------------------------------------
    Parallax
------------------------------------------------------------- */


/* -------------------------------------------------------------
    Pied de page
------------------------------------------------------------- */
/* liste à puce dans le footer */
.list-plan a {
    color: #000 !important;
}
.list-plan {
    list-style: none;
    padding-left: inherit;
}
.list-plan > li {
    padding-bottom: 10px;
}
ul.garderies {
    padding-left: 17px;
    padding-top: 10px;
}
ul.garderies li {
    list-style: none !important;
}
/* Titre dans le footer */
section.tm-bottom-c.uk-grid .pb-element-heading.titre_footer h3 {
    color:#000;
    font: 300 16px/22px "Source Sans Pro";
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
}
/* Titre infolettre */
h3.uk-panel-title {
    margin-bottom: 14px;
    margin-top: 16px;
    color: #000000 !important;
}
div#jsn_form_1.jsn-uniform.jsn-master div.jsn-bootstrap {
    padding-left: 0;
}

#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group {
    padding: 0;
}
h4.sous-titre_footer {
    color:#EF4036;
    font: 300 16px/22px "Source Sans Pro";
    font-size: large;
    margin-bottom: 10px;
}
.footer_texte div p {
    color:#000 !important;
}
.footer_texte div p a {
    color:#EF4036 !important;
}
.footer_texte div p a:hover {
    color:#000 !important;
}
/* Copyright */
footer.tm-footer.uk-text-center div.uk-panel p {
    color:#000 !important;
}
/* Lien bl.solution copyright */
footer.tm-footer.uk-text-center div.uk-panel p a {
    color:#000000 !important;
    text-decoration: underline;
}
footer.tm-footer.uk-text-center div.uk-panel p a:hover {
    color:#000000 !important;
    text-decoration: none;
}
/* Flèche du copyright */
footer.tm-footer.uk-text-center p a.tm-totop-scroller.uk-margin-bottom {
    color:#EF4036 !important;
}
a.tm-totop-scroller:hover::after {
    color: #000000;
}

