/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
@media (min-width: 481px) and (max-width: 767px) {
    .sm-center, .sm-center * {
        text-align: center !important;
        justify-content: center !important;
    }

    .sm-center span, .sm-center .x-text-headline, .sm-center .x-text {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sm-nomargin {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .sm-nomargin-top { margin-top: 0 !important; }

    .sm-nomargin-right { margin-right: 0 !important; }

    .sm-nomargin-bottom { margin-bottom: 0 !important; }

    .sm-nomargin-left { margin-left: 0 !important; }

    .sm-nopadding {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sm-nopadding-top { padding-top: 0 !important; }

    .sm-nopadding-right { padding-right: 0 !important; }

    .sm-nopadding-bottom { padding-bottom: 0 !important; }

    .sm-nopadding-left { padding-left: 0 !important; }

    .sm-noborder {
        border: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-width: 0 !important;
        border-color: transparent !important;
    }

    .sm-noborder-top { border-top: 0 !important; }

    .sm-noborder-right { border-right: 0 !important; }

    .sm-noborder-bottom { border-bottom: 0 !important; }

    .sm-noborder-left { border-left: 0 !important; }

    .sm-fw {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sm-nobg {
        background: none !important;
        background-image: none !important;
    }

    .sm-nobg-img {
        background-image: none !important;
    }

    .sm-nobg .x-bg, .sm-nobg-img .x-bg {
        display: none;
    }

    .sm-col, .sm-col .x-bar-content {
        flex-direction: column !important;
    }

    .blog article, .archive article {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .single .entry-wrap {
        padding: 20px 10px 0 !important;
    }

    .x-comments-area {
        padding: 0 0 20px !important;
    }

    #cat-drop-content, #cat-drop-content ul, #cat-drop-content li {
        width: 100%;
        text-align: center;
        display: block !important;
    }

    .rea-detail {
        width: 50% !important;
        float: left !important;
    }

    .x-container:after {
        clear: none;
    }
}

@media (max-width: 480px) {
    .xs-center, .xs-center * {
        text-align: center !important;
        justify-content: center !important;
    }

    .xs-left, .xs-left * {
        text-align: left !important;
    }

    .xs-center span, .xs-center .x-text-headline, .xs-center .x-text {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xs-nomargin {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .xs-nomargin-top { margin-top: 0 !important; }

    .xs-nomargin-right { margin-right: 0 !important; }

    .xs-nomargin-bottom { margin-bottom: 0 !important; }

    .xs-nomargin-left { margin-left: 0 !important; }

    .xs-nopadding {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .xs-nopadding-top { padding-top: 0 !important; }

    .xs-nopadding-right { padding-right: 0 !important; }

    .xs-nopadding-bottom { padding-bottom: 0 !important; }

    .xs-nopadding-left { padding-left: 0 !important; }

    .xs-noborder {
        border: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    .xs-noborder-top { border-top: 0 !important; }

    .xs-noborder-right { border-right: 0 !important; }

    .xs-noborder-bottom { border-bottom: 0 !important; }

    .xs-noborder-left { border-left: 0 !important; }

    .xs-fw {
        width: 100% !important;
        max-width: 100% !important;
    }

    .xs-nobg {
        background: none !important;
        background-image: none !important;
    }

    .xs-nobg-img {
        background-image: none !important;
    }

    .xs-nobg .x-bg, .xs-nobg-img .x-bg {
        display: none;
    }

    .xs-col, .xs-col .x-bar-content {
        flex-direction: column !important;
    }

    .blog article, .archive article {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .single .entry-wrap {
        padding: 20px 10px 0 !important;
    }

    .x-comments-area {
        padding: 0 0 20px !important;
    }

    #cat-drop-content, #cat-drop-content ul, #cat-drop-content li {
        width: 100%;
        text-align: center;
        display: block !important;
    }

    .rea-detail {
        width: 100% !important;
    }
}

.fw, .fw img {
    width: 100%;
}

.side-lines:before {
    content: "";
    height: 1px;
    background-color: #b5b5b5;
    width: 800px;
    position: absolute;
    left: 100%;
    display: block;
    top: 50%;
    margin-left: 15px;
}

.side-lines::after {
    content: "";
    height: 1px;
    background-color: #b5b5b5;
    width: 800px;
    position: absolute;
    right: 100%;
    display: block;
    top: 50%;
    margin-right: 15px;
}

.side-lines {
    position: relative;
    display: inline-block;
}

a, a img {
    transition: all 0.5s ease;
}

a:hover img {
    opacity: 0.7 !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%
}

.menu-sticky {
    padding-top: 71px;
}

.line-white-before:before {
    content: ' ';
    display: block;
    height: 1px;
    width: 20px;
    background: white;
    position: relative;
    top: 50%;
    left: -30px;
}

.line-white-before {
    padding-left: 30px !important;
}

.x-tabs-panel {
    box-shadow: none !important;
    background: #eeeded !important;
    border: 0 !important;
}

#x-site .x-tabs-list button {
    background-color: #b46d92;
    color: #fff;
}

#x-site .x-tabs-list button:hover, #x-site .x-tabs-list button[class*="active"] {
    border-color: transparent !important;
    background-color: #eeeded !important;
    color: #b46d92;
}

.x-tabs-list ul {
    width: 100%;
    list-style-type: none;
    display: table;
    margin: 0;
    padding: 0;
}

.x-tabs-list ul li {
    display: table-cell;
    border-right: 1px solid white;
}

.x-tabs-list ul li button {
    width: 100%;
}

.inside-link {
    cursor: pointer;
    transition: all .5s ease;
}

.inside-link:hover {
    opacity: 0.6;
}

.myblur {
    left: 0;
    position: absolute;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    z-index: 0;
    opacity: 0.8;
    top: 40px;
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.x-image {
    position: relative;
}

.x-image img:first-child {
    opacity: 1;
    position: relative;
    z-index: 1;
}

.realisation-selector {
    cursor: pointer;
}

.realisation-selector {
    background: url(/wp-content/uploads/arrow-down-pink.svg) center 120% no-repeat;
    transition: all 0.5s ease;
    background-size: 30px auto;
    filter: brightness(0);
}

.realisation-selector:hover {
    filter: brightness(1);
}

.realisation-selector.current {
    background: url(/wp-content/uploads/arrow-down-pink.svg) center bottom no-repeat;
    background-size: 30px auto;
    filter: brightness(1);
}

#expertises a, #expertises span {
    transition: all 0.2s ease;
    position: relative;
    left: 0;
}

#expertises ul span {
    color: rgb(112, 111, 111);
}

#expertises a:hover, #expertises span:hover {
    left: 15px;
}

#pages-soeur, .pages-fille {
    list-style: none;
    margin: 0;
}

.pages-fille li {
    padding: 2px 0;
}

#pages-soeur li {
    padding: 5px;
    width: 100%;
    border: 1px solid #fff;
    margin: 0 0 10px;
    animation: all 0.2s ease;
    text-indent: 5px;
}

#pages-soeur li.current {
    border: 1px solid rgb(230, 15, 125);
    color: rgb(230, 15, 125);
}

#pages-soeur li.current a {
    color: rgb(230, 15, 125);
}

#pages-soeur li a {
    display: block;
}

#pages-soeur li.current:hover a {
    text-indent: 5px;
}

#pages-soeur li:hover {
    text-indent: 15px;
}

#expetise-desc em {
    font-style: normal;
    color: rgb(230, 15, 125);
}

.pink-list li {
    list-style: none;
}

.pink-list li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: rgb(230, 15, 125); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#gdprcheckbox-1 p {
    margin: 0;
}

#avis_client {
    padding: 0;
    margin: 0;
    list-style: none;
}

#avis_client li {
    margin: 0;
    padding: 0;
    display: none;
}

.left-arrow img, .right-arrow img {
    cursor: pointer;
}

.x-recent-posts a, .blog .hentry, .archive .hentry {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(121, 143, 124, 0.3);
}

.blog article, .archive article {
    float: left;
    display: block;
    width: 30%;
    margin: 0 3% 15px 0;
    position: relative;
    min-height: 520px;
}

.blog article p, .archive article p {
    margin: 0;
}

.x-recent-posts .x-recent-posts-content {
    padding: 20px 20px 40px;
    font-size: 14px;
}

.x-recent-posts .h-recent-posts {
    font-weight: bold;
}

.blog .entry-wrap, .archive .entry-wrap {
    padding: 20px;
}

.blog .excerpt, .archive .excerpt {
    font-size: 14px;
    margin-bottom: 0;
}

.blog .entry-title, .archive .entry-title {
    font-weight: bold;
    margin: -1px 0 5px;
    font-size: 17px !important;
    line-height: 1.2;
}

.blog .entry-content, .archive .entry-content {
    margin-top: 1em;
}

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img::before,
.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img::after {
    display: none !important;
}

.x-recent-posts .x-recent-posts-img {
    padding-bottom: 0;
}

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    display: block;
    overflow: auto !important;
    text-overflow: inherit !important;
    white-space: inherit !important;
}

.ma-suite {
    color: white;
    background: black;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2px 7px;
    font-size: 14px;
}

.x-recent-posts .x-recent-post3 {
    position: relative;
}

#list-realisations {
    margin: 0;
    padding: 0;
}

.rea-detail {
    text-align: center;
    height: 300px;
    cursor: pointer;
    width: 33.33%;
    margin: 0;
}

.rea-detail-hover {
    background: rgb(230, 15, 125);
    width: 100%;
    padding: 2em;
    color: white;
    height: 300px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.rea-detail-hover strong {
    line-height: 1.1;
    margin-bottom: 10px;
    display: inline-block;
}

.all-projects > a {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    display: flex;
    height: 300px;
    padding: 2em;
}

.rea-detail-hover a, .rea-detail-hover a:hover {
    color: white;
}

.rea-separator {
    height: 3px;
    width: 100px;
    background: white;
    margin: 5px auto 10px;
}

.has-post-thumbnail .entry-wrap {
    border-radius: 0;
}

.entry-wrap {
    box-shadow: none;
}

.single .entry-content h2 {
    font-size: 18px;
    color: rgb(230, 15, 125);
    font-weight: bold;
}

.comment-form-url {
    display: none;
}

.single .entry-wrap {
    padding: 20px 0 0;
}

.x-container.offset {
    margin: 0 auto;
}

.x-comments-area {
    padding: 0 0 60px;
}

#reply-title {
    color: black;
}

.comment-notes {
    font-size: 16px;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .comment-form-author input, .comment-form-email input, .comment-form-url input {
    font-size: 16px;
}

#entry-comment-submit {
    font-weight: bold;
    color: white;
    background: rgb(230, 15, 125);
    text-shadow: none;
    text-transform: uppercase;
    padding: 0.8em 1.125em;
}

#home-cats {
    font-size: 14px;
}

#cat-header {
    text-align: center;
    padding: 0 0 40px !important;
    margin: 0;
}

#cat-btn .x-anchor-text {
    padding-right: 15px;
}

#cat-btn .x-graphic {
    position: absolute;
    right: 0;
    margin: 0 10px;
}

#cat-drop-container {
    display: none;
}

#cat-drop-content {
    background: #ececec;
    border: 2px solid #706f6f;
    font-size: 16px;
    padding: 1em;
    display: table;
}

#cat-drop-content ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

#cat-drop-content ul li {
    display: table-row;
}

#cat-drop-content ul li a {
    padding: 8px 10px;
    display: block;
}

#cat-drop-content ul li a:hover {
    color: rgb(230, 15, 125) !important;
}

.widget {
    text-shadow: none !important;
}

.widget ul, .widget ol {
    overflow: inherit;
    margin-left: inherit;
    list-style: inherit;
    list-style-type: inherit;
    border-radius: inherit;
    background-color: inherit;
    box-shadow: inherit;
    border: 0 !important;
}

.widget ul li a, .widget ol li a {
    border-bottom: 0 !important;
    color: inherit !important;
}

.widget ul li, .widget ol li {
    border-bottom: inherit;
    border-bottom: inherit;
    padding: inherit;
    line-height: inherit;
    box-shadow: none;
}

.widget ul li:hover, .widget ol li:hover {
    background-color: inherit;
}

.rea-prestation {
    padding: 0 15px;
}

.single-post .entry-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
    color: rgb(230, 15, 125);
}

.expetise-desc h2, .single-post .entry-content h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    color: rgb(230, 15, 125);
}

.expetise-desc h3, .single-post .entry-content h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    color: rgb(230, 15, 125);
}

.expetise-desc a, .single-post .entry-content a {
    color: rgb(230, 15, 125);
}

.single-post .entry-featured {
    display: none;
}

.entry-content embed, .entry-content iframe, .entry-content object {
    margin: 0 auto 20px;
    display: block;
}

#liste-avis {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.all-projects {
    background: #b1b1b1;
    text-align: center;
}

.all-projects a {
    color: white;
}

.x-section .x-container.marginless-columns > .x-column {
    vertical-align: middle;
}

.x-recent-post1 {
    margin: 0;
}

.x-crumbs-list .x-crumbs-current span {
    color: black !important;
}

.expetise-desc strong a {
    color: inherit;
    text-decoration: underline;
}

#social-footer .x-1-5 {
    display: table-cell;
    margin: 0 5px 0;
    height: 46px;
    width: calc(20% - 10px);
    text-align: center;
}

#social-footer #cs-content .x-container {
    display: table;
}

.category .resp2 {
    display: none;
}

.forminator-checkbox p {
    font-size: 80%;
}

.single #menu-item-10592 .x-anchor .x-anchor-particle-primary {
    width: 100% !important;
    height: 3px !important;
    color: rgb(255, 255, 255) !important;
    transform-origin: 100% 100%;
    opacity: 1 !important;
    bottom: 0 !important;
    transition-delay: 0s;
    transition-duration: 0s, 0.3s;
    transform: scale3d(1, 1, 1);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.related-post .headline {
    text-align: center;
    color: black;
    font-size: 32px !important;
}

.category #post-bread {
    display: none !important;
}

.flex {
    width: 100%;
}

.flex p {
    display: flex;
    justify-content: space-between !important;
    width: 100%;
}

.x-recent-posts {
    margin: 0;
}

.atc {
    cursor: pointer;
}

#myrelated {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-items: start
}

#myrelated li {
    display: flex;
    align-items: center;
    justify-items: center;
    flex: 1 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    margin: 10px;
    text-align: left;
}

#myrelated li img {
    margin: 0 0 10px;
    border: 1px solid #999;
    width: 100%;
}

#myrelated li strong {
    font-size: 16px;
    color: #000;
    line-height: normal;
    display: block;
    text-decoration: none;
    font-weight: 400;
}

@media (max-width: 767px) {
    #myrelated li, .blog article {
        flex: 1 0 calc(100%) !important;
        max-width: calc(100%) !important;
        margin: 10px 0;
        text-align: center;
    }

    #myrelated li a {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #myrelated li, .blog article {
        flex: 1 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
        text-align: center;
    }

    #myrelated li a {
        width: 100%;
    }
}

.prefix { font-weight: bold; }

.myintro {
    font-size: 13px;
    color: #999;
    line-height: normal;
    display: block;
    text-decoration: none;
}

#myrelated2 {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-items: start
}

#myrelated2 li {
    display: flex;
    align-items: center;
    justify-items: center;
    flex: 1 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    margin: 10px;
    text-align: left;
}

#myrelated2 li img {
    margin: 0 0 10px;
    border: 1px solid #999;
    width: 100%;
}

#myrelated2 li strong {
    font-size: 16px;
    color: #000;
    line-height: normal;
    display: block;
    text-decoration: none;
    font-weight: 400;
}

@media (max-width: 767px) {
    #myrelated2 li, .blog article {
        flex: 1 0 calc(100%) !important;
        max-width: calc(100%) !important;
        margin: 10px 0;
        text-align: center;
    }

    #myrelated2 li a {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #myrelated2 li, .blog article {
        flex: 1 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
        text-align: center;
    }

    #myrelated2 li a {
        width: 100%;
    }
}