/*
Theme Name: Generate Press Enfant
Description: Theme enfant de Generate Press
Author: Alban - Terrain Construction
Author URI: https://www.test.com
Template: generatepress 
Version: 0.1.0
*/
/* Main Color
 Main : #da0032 => #xxxyyy
 second : #137F32
 third : #f35238
 */

* {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

}

*, ::after, ::before {
    box-sizing: border-box;
}

/* Couleur principale à changer : #FEB909 */
/* A changer pour chaque site */
body {
    background: #f1f1f1 !important; /* Modifier la couleur du fond */
    font-family: Helvetica, "Trebuchet MS", sans-serif !important;

}


/* Affichage des icons pour les fiches techniques */
div.icon ul {
    margin:0;
    padding:0;
}

div.icon ul li {
display: block;
    padding: 0 0 0 65px;
    width: 23%;
    float: left;
    margin: 0 5px 0 0;
    font-size: 1em;
    height: 70px;
    line-height: 1.1em;
}

div.icon ul li span, div.icon ul li strong {
    display:block;
}

div.icon ul li.icn_ecran {
 background:url('/wp-content/themes/generatepress-child/icon/icn_ecran.png') no-repeat left top;
 background-size:60px 60px;
}

div.icon ul li.icn_gps {
 background:url('/wp-content/themes/generatepress-child/icon/icn_gps.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_mem {
 background:url('/wp-content/themes/generatepress-child/icon/icn_mem.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_os {
 background:url('/wp-content/themes/generatepress-child/icon/icn-os.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_photo {
 background:url('/wp-content/themes/generatepress-child/icon/icn_photo.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_proc {
 background:url('/wp-content/themes/generatepress-child/icon/icn_proc.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_reseau {
 background:url('/wp-content/themes/generatepress-child/icon/icn_reseau.png') no-repeat left top;
  background-size:60px 60px;
}

div.icon ul li.icn_video {
 background:url('/wp-content/themes/generatepress-child/icon/icn_video.png') no-repeat left top;
  background-size:60px 60px;
}


.entry-header h1, .page-header h1 {
    color: #72727f;
    padding: 1em 1em 0em 1em !important;
}

.taxonomy-description {
    padding:1em;
}

.cadre-cta {

}

.topCadre h1 {
    margin:0px;
    font-size:2.5em;
    color:#f15a2a;
}

.topCadre h3 {
    color:#60b8b1;
}

.topCadre h1 span {
    display:block;
    clear:both;
}

.txtGreen {
    color:#f15a2a;
}

.topCadre {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border: 0px solid #000000;
    margin:0px;
    padding: 0px;
    text-align: center;
    padding:10px 0px 10px 0px;
}

.bottomCadre {
    background: rgba(96,184,177, 0.85);
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 0px solid #000000;
    margin:0px;
    padding:10px 0px 10px 0px;
    text-align:center;
}

.page .cadre-cta .bottomCadre p {
    color:#fff !important;
    font-size:1.2em !important;
}
.inside-article a.btn-cta {
    color:#f15a2a;
    text-align:center;
    color:#fff !important;
    font-weight: bold;
    margin-top:10px;
    display:block;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    padding:5px 0px 5px 0px;
    width:50%;
    margin:auto;
}


.powered-by-sumo {
    height: 0px !important;
    padding: 0px !important;
}

/* Mega Menu */
.main-navigation li {
    position:inherit !important;
}

.megaMenu {
    width: 100% !important;
    width:100% !important;
    left:0 !important;
}

.megaMenu .sub-cat, .megaMenu .sub-post {
    padding:10px 0px 0px 0px;
}

.megaMenu a {
    display:block;
    font-weight: bold;
}

.megaMenu a:hover {
    color:#3c9b55;
}

li.subcat {
    width: 33% !important;
    display:block;
    text-align: center;
}

li.subcat img {
    width: 45%;
    height: auto;
    margin: 0 auto;
}

li.subcat span {
    display:block;
    clear: both;
    text-align: center;
    font-size:0.8em !important;
}

.subpost img {
    width: 100%;
    object-fit: cover;
    height: 8vh;
}

.subpost span.nomore {
    display:block;
    text-align: right;
    text-decoration: underline;
    clear: both;
    padding:10px 30px 0px 0px;
    font-weight: normal;
}

.subpost span.nomore:before {
    content:"> ";
}
/* Fin du mega Menu */


blockquote {
    background:#f1f1f1;
}
ul#glossaryList {
    padding: 1em !important;
    margin: 0;
    list-style-type: none !important;
}
.container.grid-container {
    max-width: 1335px;
    background: #fff !important;
}

.who-iam {
    background:#dce8e4;
    color:#f15a2a;
}

.who-iam a {
    color:#f15a2a !important;
}

.icn-fb {
    background: url('/wp-content/themes/generatepress-child/img/facebook.png') #d8dce5 no-repeat right 10px center;
    background-size: 25px 25px;
    color:#3a5590 !important;
}

.icn-insta {
    background: url('/wp-content/themes/generatepress-child/img/instagram.png') #fae8f0 no-repeat right 10px center;
    background-size: 25px 25px;
    color:#d11b71 !important;
}

.icn-fb a {
    color:#3a5590 !important;
}

.icn-insta a {
    color:#d11b71 !important;
}

.containerFirstArchive {
    position: relative;
}

.containerFirstArchive .txtOverImg {
    position: absolute;
    bottom: 0;

    background-color: rgba(0,0,0,0.5);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.containerFirstArchive .txtOverImg h3, .containerFirstArchive .txtOverImg h3 a {
    color:#fff !important;
}

.containerFirstArchive .tagItem {
    background-color: #f15a2a !important;
    color: #fff !important;
}

.bottom-bar {
    width: 100%;
    position: fixed;
    left: 0px;
    z-index:99999;
    background:#e2e2e2;
    bottom: 0;
    -webkit-box-shadow: 0px -8px 9px -5px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px -8px 9px -5px rgba(0,0,0,0.54);
    box-shadow: 0px -8px 9px -5px rgba(0,0,0,0.54);
    height: 50px;
    line-height: 20px;
    margin:0 auto;
}
.bottom-bar .ico {
    background: url('/wp-content/themes/generatepress-child/comment.svg') no-repeat 3px center;
    background-size: 25px 25px;
    display:block;
    line-height: 50px;
    cursor: pointer;
    text-align: right;
    border-radius: 5px;
    font-weight:bold !important;
    padding: 0rem;
    color:#000;
    padding:0rem 0;
    height: 50px;
}
.generate-back-to-top, .generate-back-to-top:visited {
    bottom: 60px;
}

img.imgMoi {
    position: relative;
    display: block;
    padding: 5px;
    margin: 0 auto 18px;
    border: 1px dashed #f15a2a;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    width:75%;
}

.separate-containers .widget, .separate-containers .site-main>*, .separate-containers .page-header, .widget-area .main-navigation {
    margin-bottom: 0px;
}


.widget-area .widget .widget-title {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px;
    margin-bottom: 20px;
    border: 1px solid #f15a2a;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.widget-area .widget {
    padding: 0px 0px 0px 0px !important;
}

.widget-area .widget  .textwidget {
    padding: 0.5em 1em;
}

.widget-area img.signature {
    width: 50%;
    height: 100%;
    text-align: center;
}

article p a, article p span a, article.page a, article.post a, .page-header p a {
    color: #0000ee;
}

/* Avatar */
.author_info {
    background-color: #f1f1f1;
    color: #444;
    margin-top: 3.5em;
    padding: 1em;
    overflow: hidden;
    margin: 0;
}

.author_info .author_title {
    font-size: 1.083em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 1em;
}

.author_avatar {
    float: left;
    margin: 0 0.7em .7em 0;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.author_bio {
    font-size: 0.8em;
    line-height: 1.2em;
}
/* Gestion des paragraphes */
article.post p:first-child, article.page p:first-child, .taxonomy-description p:first-child, article.glossary p:first-child {
    font-size: 17px !important;
    color: #444444 !important;
    font-weight: bold;
}

article.post p, .taxonomy-description p {
    font-size: 16px !important;
    color: #444444 !important;
    line-height: 25px !important;
    margin-bottom: 17px !important;
}

.generate-columns-container {
    margin-left: -0px !important;
}
.separate-containers .inside-article {
    padding: 0px 0px 10px 0px !important;
}
h3#reply-title {
    color:#5D99AF !important;
}

.separate-containers .page-header {
    padding: 0px 0px 10px 0px !important;
}

.separate-containers .site-main {
    padding:0 0em 0em 0em !important;
}
/* Toc */



#toc_container {
    background:#fef5cf;
    border-radius: 3px;
}
article.post #toc_container ul li {
    margin-bottom: 1em;
    font-size: 0.9em !important;
    line-height: 20px !important;
}

ul.toc_list li a {
    color:#444 !important;
}
/* Recette icone */
article.post .trg-recipe h3 span {
    padding-left: 1.2em;
}
.ing-title::before {
    content: "🥗";
}
.ing-list > li::before {
    content: '✅';
}
.ins-title::before {
    content: '🔪';
}

.alignleft, .alignright {
    margin-bottom: 1em;
}
img.coverCat {
    object-fit: cover;
    width: 100%;
    height: 30vh;
}
.post-image-aligned-center .featured-image, .post-image-aligned-center .post-image {
    text-align: center;
    width:100%;
}
.sidebar {
    padding-right: 18px !important;
}


.rpwwt-widget ul li {
    overflow: hidden;
    margin: 0 0 1.5em;
    line-height: 1.3em;
}
.rpwwt-widget ul li span.rpwwt-post-title {
    color: #444;
    font-size: 1.5em;
    line-height: 0.01em;
    height: 1em;
}
.rpwwt-widget ul li a {
    color: #444444 !important;
    font-weight: bold;
    display: block;
}

.rpwwt-widget .rpwwt-post-categories {
    display: inline-block;
    color: #f15a2a;
    font-weight: bold;
    font-size: 0.8em;
    margin-right: 1em;
}

.rpwwt-widget .rpwwt-post-date {
    display: inline-block;
    color: #ccc;
    font-style: italic;
    font-size: 0.8em;
}


/* Affichage des articles dans la colonne */
.generate-columns-container {

}

/* Article mis en avant */
.generate-columns-container .featured-column {
    background:#f15a2a;
    padding:1em;
}

.generate-columns-container .featured-column .post-image {
    width:30%;
    float:left;
}

.generate-columns-container .featured-column .post-image img {
    object-fit: cover;
    width: 100%;
    height: 30vh;
}

.generate-columns-container .featured-column .entry-summary {
    clear: both;
}

.generate-columns-container .featured-column .entry-meta, .entry-meta  {
    background: transparent;
    color:#444444;
    padding:0em 1em;
    border-bottom:#e2e2e2 solid 2px;
}
.generate-columns-container .featured-column .entry-meta, .entry-meta a  {
    color:#444444 !important;
    line-height: 75px;
}
.generate-columns-container .featured-column .entry-meta a, .entry-meta a, .entry-meta .grid-80, .entry-meta .grid-20, .entry-meta .grid-80 a, .entry-meta .grid-20 a {
    color:#444444;
}
.post-author-bloc_avatar {
    border-radius: 25px;
    height: 50px;
    width: 50px;
    margin: .5rem;
}
.post-author-bloc_avatar--wrapper {
    margin-top: 0 rem;
    width: auto;
}

/* Page accueil, supprimer la marge */
.post-13 .entry-content {
	padding:0em !important;
}

.post-image, .page-content, .entry-content, .entry-summary, footer.entry-meta {
    margin-top: 0em !important;
    padding:1em;
}

.comments-area {
    padding:1em !important;
}

footer.entry-meta {
    padding:1em !important;
}

.entry-meta {
    margin-top:0em;
    clear: both;
}
.featured-image {
    width:100%;
}
.featured-image img {
    object-fit: cover;
    width: 100%;
    height: 30vh;
}

.itemDetail {
    position:relative;
    top: 0;
    transition: .25s all;
    margin-bottom: 1em;
}

.itemDetail p {
    margin-bottom: 0.2em;
}

.itemDetail h3 {
    margin-bottom: 2px;
    font-size: 1em;
    line-height: 1em;
}

.firstOne.itemDetail h3 {
    font-size: 1.5em;
    line-height: 1.5em;
}

.itemDetail h3 a {
    font-size:1em;
    color:#444;
}

.ItemDetailLink {
    z-index: 10;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
}

.tagItem {
    background-color: #f15a2a !important;
    color: #fff !important;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    margin-top: 3px;
    margin-right: 3px;
    border-radius: 2px;
}

img.coverCat {
    object-fit: cover;
    width: 100%;
    height: 30vh;
}
img.coverCatTiny {
    object-fit: cover;
    width: 100%;
    height: 15vh;
}
div.replaceIMGTiny {
    background:#444;
    width: 100%;
    height: 15vh;
}
div.replaceIMG {
    background:#444;
    width: 100%;
    height: 30vh;
}

.site-content h1.entry-title, .site-content .h1.entry-title {
    font-size: 25px !important;
    line-height: 30px !important;
    color: #444444 !important;
    text-shadow: none;
    text-align: left;
    padding: 20px 15px;
}
article.post h2, .taxonomy-description h2, article.type-glossary h2 {
    border-bottom: solid 3px #f15a2a !important;
    display: block !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
    background: linear-gradient(#fff, #f1f1f1);
    margin-top: 1em !important;
    clear:both;
}

article.post h3, .taxonomy-description h3, article.type-glossary h3 {
    margin-bottom: 0.6em !important;
    margin-top: 1em !important;
    padding: 0.3em !important;
    font-size: 20px !important;
    clear:both;
    color:#444 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}
ul.indexLetter, ul.glossaryList  {
    margin:0;
}
li.cmtt-has-thumbnail {

    margin-left:0px !important;
}

.nav-links span, .nav-links a, .indexLetter li {
    display: inline-block;
    background: #f1f1f1;
    color: #444;
    margin-right: 0.2em;
    border-radius:5px;
    padding:1em;
    font-weight: bold;
    border:solid 1px #ccc;
    list-style: none;
}

.entry-meta {
    color: #72727f;
    height: 80px;
    display: block;
    clear: both;
    margin-bottom: 1em;
    font-size: 1.2em;
}

footer.entry-meta {
    color: #72727f;
    height: auto !important;
}

footer.entry-meta span.cat-links {
    width:50%;
    float:left;
}

footer.entry-meta span.tags-links {
    width:50%;
    float:left;
}

footer.entry-meta nav {
    clear:both;
}

footer.entry-meta nav div.nav-previous, footer.entry-meta nav div.nav-next {
    width:50%;
    float:left;
}

footer.entry-meta a {
    color: #444444 !important;
    line-height: inherit;
    font-size: 0.8em;
}


.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
    margin-bottom: 0.5em !important;
    width:100%;
}

/* Recette */
.trg-recipe .recipe-meta {
    display:none;
}

article.post .trg-recipe h3.recipe-heading, .page-header .trg-recipe h3.recipe-heading {
    margin-top:0 !important;
    margin-bottom:0 !important;
}
.trg-recipe  .cuisine-meta {
    margin: 0 0 0px !important;
}

.trg .nutrition-table .calories .col-80 {
    width: 50% !important;
}
.trg .nutrition-table .calories .col-20 {
    width: 50% !important;
}
.calories .nt-label {
    font-size: 1.2em !important;
    line-height: 1.25;
}
.calories .nt-value {
    font-size: 3em !important;
    line-height: 1;
}

.calories li .small {
    font-size: 0.8em
    display:block;
}
article.post .trg-recipe p:first-child {
    font-weight: normal;
    line-height: 20px;
}
article.post .trg-recipe p.inst-subhead:first-child, article.post .trg-recipe p.inst-subhead  {
    font-weight: bold;
}


@media (max-width: 768px) {
    .no_left_padding {
        padding-left:0px !important;
    }

    .search-form {
        padding:1em 10px;
    }
    .widget_search .search-submit {
        display: block !important;
        margin:1em auto 0 auto;
        width: 50% !important;
    }
    .firstOne.itemDetail h3 {
        font-size: 1.2em;
        line-height: 1.5em;
    }
    .entry-meta {
        color: #72727f;
        height: auto;
        display: block;
        clear: both;
        margin-bottom: 1em;
        font-size: 1em;
    }

    img.coverCatTiny {
        object-fit: cover;
        width: 100%;
        height: 10vh;
    }
    .itemDetail {
        position:relative;
        top: 0;
        transition: .25s all;
        margin-bottom: 0.5em;
    }

    .main-navigation.slideout-navigation .main-nav > ul > li > a {
        line-height: 50px !important;
    }
    .slideout-navigation.main-navigation .main-nav ul ul li a {
        color: #f35238 !important;
        padding-left: 2em !important;
    }
    .menu-toggle-search {
        flex-grow: 0;
        order: 4;
        padding-right: 10px;
        background:  url('/wp-content/themes/generatepress-child/search-2.svg') no-repeat 3px center;
        background-size: 24px;
        cursor:pointer;
        width:24px;
        height:80px;
    }
    .main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
        flex-grow: 0;
        order: 3;
        padding-right: 10px;
    }
    .entry-meta {
        margin-top:0em;
    }

    .post-image, .page-content, .entry-content, .entry-summary, footer.entry-meta {
        margin-top: 0em !important;
    }

    .sidebar {
        padding-right: 0px !important;
    }
    .bottom-bar .grid-80 strong, .bottom-bar .grid-80 span.titleBar {
        display:block;
        font-size: 0.9em;
    }

    /* Gestion des marges des contenus version mob */
    .site-content {
        padding:0em;
    }

    .separate-containers .site-main {
        padding: 0 0em 0em 0em !important;
        margin: 0px;
    }
    .separate-containers .page-header-image, .separate-containers .page-header-contained, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single {
        margin-top: 0px;
    }

    .entry-content, .taxonomy-description {
        padding:0 1em;
    }
    .post-image-aligned-center .featured-image, .post-image-aligned-center .post-image {
        text-align: center;
        width:100%;
    }
    .post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
        margin-bottom: 0em !important;
        width:100%;
    }

    .site-content h1.entry-title, .site-content .h1.entry-title {
        font-size: 25px !important;
        line-height: 30px !important;
        color: #444444 !important;
        text-shadow: none;
        text-align: left;
        padding: 20px 15px;
    }

    article.post p, article.post p span.s1, article.post ul li, article.post ul li span.s1 {
        font-size: 14px !important;
        line-height: 20px !important;
        color: #000 !important;
    }

    article.post h2, .taxonomy-description h2, .type-glossary h2 {
        border-bottom: solid 3px #f15a2a !important;
        display: block !important;
        font-size: 20px !important;
        margin-bottom: 20px !important;
        background: linear-gradient(#fff, #f1f1f1);
    }

    article.post h3, .type-glossary h3 {
        margin-bottom: 0.6em !important;
        margin-top: 0.6em !important;
        padding: 0.3em !important;
        font-size: 18px !important;
    }

    article.post h4, .type-glossary h4 {
        font-size: 15px !important;
    }

    article.post h4 span, article.post h4 span.s1, article.post h4 {
        font-size: 15px !important;
    }

    /*Sidebar*/
    .separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
        padding-right: 0em;
    }

    .sidebar .widget ul {
        padding:10px;
    }
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
        padding: 20px 20px 0px 20px;
    }
    *, body {
        overflow-x: hidden;
    }

    span.gp-icon, a.generate-back-to-top {
        overflow: hidden;
    }
}


/* titre sidebar */
.rpwwt-widget ul li a {
    color: #171717 !important;
    font-weight: bold;
    font-size: 0.6em !important;
}



.tagcloud  a.tag-cloud-link {
    background: #f1f1f1;
    padding: 2px;
    border-radius: 10px;
    color: #333;
    display: inline-block;
}

.post-image-above-header .inside-article div.post-image {
    margin-bottom: 1em !important;
}

.entry-summary {
    margin-top:1em !important;
}

article.post p.read-more-container a.read-more {
    margin: 0 auto;
    display: block;
    width: 33%;
    text-align: center;
    color:#fff !important;
    border-radius:5px;
}

.downloadPdf {
    background: #475160;
    text-align: center;
    border-radius: 5px;
    padding: 1rem 0;
}

.downloadPdf h4 {
    color:#fff;
}

.downloadPdf h3 {
    color:#FEB909;
}

.downloadPdf a.btn {
    margin: 0px;
    padding: 0px;
    background:#FEB909;
    color:#fff !important;
    text-transform: uppercase;
    font-weight: bold;
    padding:1rem 0;
    width: 80%;
    margin: auto;
}

.widget .downloadPdf a.btn:visited {
    color:#fff !important;
}


.btnMenu {
    background:  #078b38 url('/wp-content/themes/generatepress-child/img/ebook.svg') no-repeat 3px center;
    background-size: 24px;
    width: 125px;
    font-size: 12px;
    line-height: inherit !important;
    cursor: pointer;
    text-align: right;
    border-radius: 5px;
    font-weight:bold !important;
    padding: 1rem;
}


/*
#page.container.grid-container {
    width:100% !important;
    max-width: 100% !important;
    margin:0px;
    padding:0px;
}
*/
.main-navigation .main-nav ul li.btnMenu a, .main-navigation.sticky-navigation-transition .main-nav ul li.btnMenu a {
    line-height: 15px !important;
    font-size: 18px;
    color:#fff !important;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
}

.main-navigation .main-nav ul li.btnMenu a:hover {
    color:#fff;
}

body .grid-container {
    width:100% !important;
}

.container.grid-container {
    max-width: 100%;
    width:100%;
}


@media screen and (min-width:1365px) {
    .breadCrumb {
        max-width:1280px;
        padding:calc(1.25rem / 2.2) 0;
    }


}

/* Fin du breadcrumb */

/* Formulaire de recherche sticky */
.searchEngine #formulaireID {
    padding:1rem 0;
}


.searchEngine {
    z-index: 100;
    width: 100%;
    height: auto;
    transition: .4s top;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08),0 2px 4px 2px rgba(0,0,0,.06),0 0 4px 1px rgba(0,0,0,.04);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* Navigation */
.main-navigation .main-nav ul li a {
    padding-left:20px;
    padding-right: 20px;
}
@media (max-width: 1364px) {
    padding:calc(1.25rem / 1) 2rem;
}

@media (max-width: 768px) {

    /* Test CLS*/
    #mobile-header.toggled .main-nav > ul, #mobile-header .menu-toggle, #mobile-header .mobile-bar-items {
        display: block;
        height: 80px;
    }
    .navigation-branding img, .site-logo.mobile-header-logo {
        height: 80px;
    }
    #mobile-header .inside-navigation, .main-navigation.has-branding .inside-navigation, .main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        height:80px;
    }
    .page-header h1.page-title {
        text-align: center !important;
        font-size: 28px !important;
    }

    input[type="submit"].btn-block.btn-info {
        width: auto;
        margin: auto !important;
    }


    /* Fin d'une page annonce */
    /**********************/
    /* Détail d'un annonce*/
    .stickySidebar {

    }

    .contactCol {

        border-radius: calc(4px * 2);
        background-color: #f8f8f8;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);

    }

    .contactCol .staticFormContact {
        padding: 1.25rem calc(1.25rem * 1.5) 0;
        border-radius: calc(4px * 2) calc(4px * 2) 0 0;
    }

    body.archive .site-content, body.single .site-content {
        border-radius: 3px;
        -webkit-box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        /* margin: auto; */
        margin-bottom: auto;
        position: relative;
        margin-bottom: 70px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .staticFormContactWrap {
        width: 100%;
        margin: 0 auto;
        transition: .3s opacity;
        opacity: 1;
        border-radius: 4px;
    }

    .formInput .inputText {
        height: 2.857rem;
    }


    /* Sidebar Style */
    .sidebar aside.widget {
        border-top: solid 3px #E6E6E6;
        padding-top: 10px;
        margin-top: 10px;
    }

    .sidebar aside.widget h4, .sidebar aside.widget h2 {
        text-align: center;
        text-transform: uppercase;
    }



    article.post p,  article.post p span.s1, article.post ul li, article.post ul li span.s1 {
        font-size: 16px !important;
        line-height: 23px !important;
        color: #000 !important;
    }

    article.post .sumome-react-wysiwyg-move-handle p, article.post .sumome-react-wysiwyg-move-handle h3, article.post .sumome-react-wysiwyg-move-handle h2 {
        line-height: inherit !important;
    }


    article.post #toc_container ul li, .page-header #toc_container ul li {
        font-size: inherit !important;
        line-height: inherit !important;
        color: inherit !important;
    }

    article.post h3, .page-header h3, article.type-glossary h3 {
        margin-bottom: 1em !important;
        margin-top: 1em !important;
        background: #f1f1f1 !important;
        padding: 0.3em !important;
        display: block !important;
        font-size: 20px !important;
        color: #f15a2a !important;
    }

    article.post h3 span, article.post h3 span.s1 {
        color: #f15a2a !important;
    }

    article.post h3 span, article.post h3 strong, .page-header h3 span {
        font-weight: normal;
    }


    article.post h4, .page-header h4 {
        border-bottom: solid 1px #ccc;
        margin-bottom: 1em !important;
        margin-top: 1em !important;
    }

    article.post h4 span, .page-header h4 span, article.post h4 span.s1, article.post h4 {
        color: #000 !important;
    }

    .separate-containers .page-header {
        padding: 0px 0px 0px 0px;
    }

    article.post h2, .page-header h2, article.type-glossary h2 {
        border-bottom: solid 3px #f15a2a !important;
        display: block !important;
        font-size: 22px !important;
        margin-bottom: 30px !important;
        font-weight: bold !important;
        clear: both;
    }

    article.post h2 strong, .page-header h2 strong {
        font-weight: normal !important;
    }


    article.post h2 span, .page-header h2 span {
        font-weight: bold !important;
        font-size: 22px !important;
        text-transform: uppercase;
        color: #444 !important;
    }

    article p a, article p span a, article.page a, article.post a, .page-header p a {
        color: #0000ee;
    }

    .page-header p, .page-header li, .page-header a {
        font-size: 0.8em;
    }

    /* Pour les listings */
    article.grid-100, article.grid-50 {

    }

    article.grid-100 h2.entry-title, article.grid-50 h2.entry-title {
        border: none !important;
        font-size: 1.2em !important;
        color: #171717 !important;
        margin-bottom: 0px !important;
    }

    article.grid-100 h2.entry-title a, article.grid-50 h2.entry-title a {
        color: #171717 !important;
        font-size: 1.2em;
    }

    article.grid-100 .inside-article, article.grid-50 .inside-article {
        border-bottom: solid 1px #ccc !important;
        padding: 1em;
    }


    /**** BASE ****/
    .container-fluid {
        padding: 0px;
    }

    body {
        color: #888;
    }

    a {
        color: #03a1d1;
        text-decoration: none !important;
    }

    /**** LAYOUT ****/
    .list-inline > li {
        padding: 0 10px 0 0;
        display: inline-block;
    }

    .container-pad {
        padding: 30px 15px;
    }


    /**** MODULE ****/
    .bgc-fff {
        background-color: #fff !important;
    }

    .box-shad {
        -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    }

    .brdr {
        border: 1px solid #ededed;
    }

    /* Font changes */
    .fnt-smaller {
        font-size: .9em;
    }

    .fnt-lighter {
        color: #bbb;
    }

    /* Padding - Margins */
    .pad-10 {
        padding: 10px !important;
    }

    .mrg-0 {
        margin: 0 !important;
    }

    .btm-mrg-10 {
        margin-bottom: 10px !important;
    }

    .btm-mrg-20 {
        margin-bottom: 20px !important;
    }

    /* Color  */
    .clr-535353 {
        color: #535353;
    }

    #property-listings h3 {
        font-size: 1.2em;
        margin: 0.1em 0 0.4em 0;
    }

    #property-listings h3 a {
        color: #005580 !important;
    }

    #property-listings a.btn-info {
        background: #005580 !important;
        color: #ffffff !important;
        border: none !important;
    }

    #property-listings .small {
        font-size: 0.6em;
        margin: 0;
    }

    #property-listings h4 {
        margin: 0px;
        padding: 0px;
    }

    #property-listings h4.media-heading {
        font-size: 1.4em;
    }

    #property-listings .pull-right {
        float: right !important;
        font-size: 0.6em;
    }

    #property-listings p {

        font-size: 1em;
    }

    /**** MEDIA QUERIES ****/
    @media only screen and (max-width: 991px) {
        #property-listings .property-listing {
            padding: 5px !important;
        }

        #property-listings .property-listing a {
            margin: 0;
        }

        #property-listings .property-listing .media-body {
            padding: 10px;
        }
    }

    @media only screen and (min-width: 992px) {
        #property-listings .property-listing img {
            max-width: 180px;
            margin-right: 1em;
        }
    }
    /* Change Autocomplete styles in Chrome*/
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        border: 1px solid green;
        -webkit-text-fill-color: green;
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
        transition: background-color 5000s ease-in-out 0s;
    }

    /* Lire aussi */
    .lireaussi_button,
    .lireaussi_button .postImageUrl,
    .lireaussi_button .centered-text-area {
        min-height: 86px;
        position: relative;
    }

    .lireaussi_button,
    .lireaussi_button:hover,
    .lireaussi_button:visited,
    .lireaussi_button:active {
        border: 0 !important;
    }

    .lireaussi_button {
        display: block;
        transition: background-color 250ms;
        webkit-transition: background-color 250ms;
        width: 100%;
        opacity: 1;
        transition: opacity 250ms;
        webkit-transition: opacity 250ms;
        background-color: #f1f1f1 !important;
    }

    .lireaussi_button:active,
    .lireaussi_button:hover {
        opacity: 1;
        transition: opacity 250ms;
        webkit-transition: opacity 250ms;
    }

    .lireaussi_button .postImageUrl {
        background-position: center;
        background-size: cover;
        float: right;
        margin: 0;
        padding: 0;
        width: 30%;
    }

    .lireaussi_button .centered-text-area {
        float: left;
        width: 70%;
        padding: 0;
        margin: 0;
    }

    .lireaussi_button .ctaText {
        border-bottom: 0 solid #fff;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.125em;
        margin: 0;
        padding: 0;
    }

    .lireaussi_button .postTitle {
        color: #333333 !important;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .lireaussi_button .ctaButton {
        background: #333333 !important;
        color: #ffffff !important;
        border: none;
        border-radius: 3px;
        box-shadow: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 26px;
        margin: 18px 14px 18px 14px;
        moz-border-radius: 3px;
        padding: 12px 0;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
        webkit-border-radius: 3px;
        width: 80px;
        position: absolute;
    }

    .lireaussi_button:hover .ctaButton {
        background: #333333 !important;
    }

    .lireaussi_button .centered-text {
        display: table;
        height: 86px;
        padding: 0;
        margin: 0;
        padding-left: 108px !important;
        top: 0;
    }

    .lireaussi_button .lireaussi_button-content {
        display: table-cell;
        margin: 0;
        padding: 0;
        padding-right: 10px;
        position: relative;
        vertical-align: middle;
        width: 100%;
    }

    .lireaussi_button:after {
        content: "";
        display: block;
        clear: both;
    }

    .tcapiPosts .card-body {
        padding: 0;
    }

    .cardImageUrl {
        background-position: center;
        background-size: cover;
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 135px;
    }

    .card.listePostCard {
        position: relative;
        margin-top: 0px;
        padding: .7em 1em 1em;
        min-width: inherit;
        max-width: 520px;
        border: 1px solid #ccd0d4;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        background: #fff;
        box-sizing: border-box;

    }

    .card.listePostCard h3 {
        font-size: 1em;
        line-height: 1em;
        min-height: 2em;
    }

    .card.listePostCard h3 a {
        color: #4285F4 !important;
    }

    .card.listePostCard p {
        font-size: 1em;
        line-height: 1em;
        min-height: 2em;
    }

    .card.listePostCard a.btnListePost {
        color: #4285F4 !important;
    }

    *,
    *:before,
    *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .container .row *,
    .container .row *:before,
    .container .row *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

}