html {
    margin-top: 65px;
}

.container-fluid {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.row {
    margin-right: -20px !important;
    margin-left: -20px !important;
    margin-top : 15px !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

body {
    background-color: #F2F4F8;
    font-family: 'Source Sans Pro', sans-serif;
    color: #43425D !important;
    font-size: 16px;
}


h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
    color: #434b50;
    margin-bottom: 15px;
}

h1 {
    font-size: 24px !important;
    margin-bottom: 25px;
    margin-top: 30px;
    font-weight: 600;
}

h2 {
    font-size: 22px !important;
    font-weight: 700;
}

h3 {
    font-size: 20px !important;
    font-weight: 600;
}

h4 {
    font-size: 18px !important;
    font-weight: 700;
}

h5 {
    font-size: 16px !important;
    font-weight: 600;
}

* + h1, * + h2, * + h3, * + h4, * + h5 {
    margin-top: 30px;
}

h2 + h3, h2 + h4, h2 + h5,
h3 + h2, h3 + h4, h3 + h5,
h4 + h2, h4 + h3, h4 + h5,
h5 + h2, h5 + h3, h5 + h4 {
    margin-top: 0;
}
/*FAQ-18 SCH 06102020**/
a:link, a:visited, a:hover, article.searchLoop a:link  {
    color: inherit;
    text-decoration: none !important;
}

a:hover, a:active, a:focus {
    outline: 0;
}

article a:link {
    color: inherit;
    text-decoration: underline !important;
}

article a:hover {
    color: #5a87d0;
}

input, textarea {
    border: 1px solid #DEDEDF;
    border-radius: 4px;
    resize: none;
}

.wp-block-image img {
    max-width: 100% !important;
    height: auto !important;
}

.logo {
    display: inline-block;
    position: relative;
    padding: 35px 20px 0 20px;
}

.logo img {
    height: 40px;
    max-width: 100%;
    text-align:left;
}

.logo-subtitle {
    padding: 0px 20px 0 28px;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 30px;
}

.content{
    padding-top: 20px;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 40px;
} 

.navbar {
    background-color: #FFFFFF !important;
    height: 65px !important;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    z-index: 2;
    padding: 0 20px;
}

.general-search {
    padding: 0 17px;
    -webkit-box-align: baseline;
    align-items: baseline;
    border: 1px solid #DEDEDF;
    border-radius: 4px 0 0% 4px;
    background: white;
    height: 32px;
    outline: none;
    margin: 0 !important;
    border-right: none;
}

.general-search-btt {
    padding: 0 10px;
    -webkit-box-align: baseline;
    align-items: baseline;
    border: 1px solid #DEDEDF;
    border-radius: 0 4px 4px 0;
    background: white;
    height: 32px;
    outline: none;
}

article.container-article {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    background-color: white;
    border: 1px solid #E5EDF8;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: box-shadow 1s cubic-bezier(.25,.8,.25,1);
}

article.container-article:hover {
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.25), 0 12px 64px 0 rgba(103,151,255,.25);
}

article.container-article h2 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: 1.5;
}

span.post-info time {
    font-size: 12px;
    font-style: italic;
}

article.container-article p {
    margin: 2px 0 10px 0;
}
/**Widget nouveaux articles*/
.widget_recent_entries {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    background-color: white;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 50px;
}

.widget_recent_entries h3.widgettitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: AUTO;
}

.widget_recent_entries ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.widget_recent_entries li {
    list-style-type: square;
    color: #d01c45;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.widget_recent_entries li+li::before {
    content: "";
    width: calc(100% + 18px);
    height: 1px;
    background-color: #E9EAEB;
    position: absolute;
    top: 0;
    left: -18px;
}

.widget_recent_entries li a {
    color: #333333;
}

.widget_recent_entries li .post-date {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #333333ad;
}
/*wp populaire*/

.widget_wmp_widget {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    background-color: white;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 50px;
}

.widget_wmp_widget h3.widgettitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: AUTO;
}

.widget_wmp_widget ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.widget_wmp_widget li {
    list-style-type: square;
    color: #d01c45;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.widget_wmp_widget li+li::before {
    content: "";
    width: calc(100% + 18px);
    height: 1px;
    background-color: #E9EAEB;
    position: absolute;
    top: 0;
    left: -18px;
}

.widget_wmp_widget li a {
    color: #333333;
}

.widget_wmp_widget li .post-date {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #333333ad;
}

.popular-posts {
    padding: 20px;
    box-shadow: 0px 3px 6px #E8E8E8;
    background-color: white;
    border: 1px solid #E5EDF8;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.popular-posts h3.widgettitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: AUTO;
}

.popular-posts ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.popular-posts li {
    list-style-type: square;
    color: #d01c45;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.popular-posts li+li::before {
    content: "";
    width: calc(100% + 18px);
    height: 1px;
    background-color: #E9EAEB;
    position: absolute;
    top: 0;
    left: -18px;
}

.popular-posts li a {
    color: #333333;
}

.popular-posts li .post-date {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #333333ad;
}


/*ARTICLES MISE A JOUR RECENT */

.widget_custom_html {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    background-color: white;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 50px;
}

.widget_custom_html h3.widgettitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: AUTO;
}

.widget_custom_html ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.widget_custom_html li {
    list-style-type: square;
    color: #d01c45;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.widget_custom_html li+li::before {
    content: "";
    width: calc(100% + 18px);
    height: 1px;
    background-color: #E9EAEB;
    position: absolute;
    top: 0;
    left: -18px;
}

.widget_custom_html li a {
    color: #333333;
}

.widget_custom_html li .post-date {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #333333ad;
}

/* Footer */

footer{
    background-color: #ffffff;
    border-top: 1px solid #E9EAEB;
    height: 40px;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}

footer ul{
    text-align: right;
    margin: 8px 10px 0 0;
}

footer ul li{
    display: inline-block;
    font-size: 13px;
    color: #707070;
}

footer ul li img{
    width: 60px;
    vertical-align: inherit !important;
    padding-left: 5px;
    position:relative;
    top: 1px
}


.single article {
    margin-top: 30px;
    padding: 20px;
    box-shadow: 0px 3px 6px #E8E8E8;
    border: 1px solid #E5EDF8;
    background-color: #FFF;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* MENU */



.cat-item {
    color: #333333;
    border-bottom: #DFDFEA solid 1px;
    padding: 5px;
    font-size: 14px;
}

.cat-item + .cat-item {
    border-top: none;
}

.cat-item a {
    border-radius: 30px;
    text-overflow: initial;
    white-space: normal;
    padding: 8px 10px 8px 40px;
    position: relative;
    display: block;
}


.cat-item a::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    border: solid 2px #d01c45;
    top: 20px;
    margin-top: -7px;
    left: 20px;
}


.current-cat a {
    background-color: #f2f4f8 !important;
}

.current-cat a +ul a {
    background-color: transparent !important;
}


.current-cat a::before {
    border: solid 2px #881630;
}

.current-cat a +ul a::before {
    border: solid 2px #d01c45;
}

.widget_search {
    padding: 20px;
    box-shadow: 0 4px 24px 0 rgba(103,151,255,.1), 0 12px 64px 0 rgba(103,151,255,.1);
    margin-bottom: 20px;
}

.widget_search .form-inline .form-control {
    width: calc(100% - 38px);
}


/* Messages */
.danger , .warning, .success, .info, .complement {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.danger {
    color: #B90000 !important;
    background: #FFF6F6 !important;
    border: 1px solid #DE9391;
}



.warning {
    color: #7A4D05 !important;
    background: #FFFAF3 !important;
    border: 1px solid #CCBEA0;
}



.success {
    color: #1E561F !important;
    background: #FCFFF5 !important;
    border: 1px solid #A8C599;
}



.info {
    color: #0E566C !important;
    background: #F8FFFF !important;
    border: 1px solid #BEDFE6;
}

.complement {
    color: #43425D !important;
    background: #F8F8F9 !important;
    border: 1px solid #d7d7d7;  
}

.danger h1, .warning h1, .success h1, .info  h1, .complement h1,
.danger h2, .warning h2, .success h2, .info  h2, .complement h2,
.danger h3, .warning h3, .success h3, .info  h3, .complement h3,
.danger h4, .warning h4, .success h4, .info  h4, .complement h4,
.danger h5, .warning h5, .success h5, .info  h5, .complement h5 {
    color: inherit !important;
    margin-top: 0;
}

/* Messages */


div.wpforms-container-full .wpforms-form .wpforms-title {
    font-size: 16px !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 200px;
}


div#effecto_bar {
    margin: 40px 0;
    border: solid 1px #dededf;
    border-radius: 4px;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    outline: none !important;
    overflow: hidden;
    border-radius: 4px;
    border-width: 0;
    padding: 0 20px;
    min-width: 90px;
    height: 32px;
    font-weight: 800;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: white!important;
    background: #43425D !important;
    box-shadow: 0px 3px 6px #43425D80!important;
    border: none !important;
}

#back-to-top{
    position: fixed;
    right: 25px;
    bottom: 85px;
    width: 40px;
    height: 40px;
    background: #43425D;
    box-shadow: 0px 3px 6px #43425D80;
    border-radius: 6px;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
    line-height: 50px;
    }
/*
#categories-4{
     overflow-y: scroll;
     overflow-x: hidden;
     width: 350px;
     height: 520px;
}
*/
#likedislike{
    font-weight: 700;
}

.likedislike-bloc {
    padding: 20px;
    box-shadow: 0px 3px 6px #E8E8E8;
    border: 1px solid #E5EDF8;
    background-color: #FFF;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.likedislike-bloc label {
    display: block;
}

.likedislike-bloc .pld-common-wrap {
    padding: 5px 20px 5px 5px;
    background-color: #f2f4f8;
    display: inline-block;
    border-radius: 4px;
    min-width: 70px
}


.likedislike-bloc .pld-dislike-wrap {
    margin-left: 10px
}

.pld-like-dislike-wrap {
    margin-bottom: 0
}

/*FAQ-18 06-10-2020 CHS harvest*/

.img-focus img {
    border-radius: 8px;
    border: solid 1px #dfdfea;
}

p > a > strong{
    text-decoration: underline;
}

span > a > strong{
    text-decoration: underline;
}

ol a:link, ul a:link {
    text-decoration: underline;
}

/**Input search*/

.HeaderBlock{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 4px 15px 0 20px;
    position: relative;
    line-height: 20px;
}

div.HeaderBlock.AppSearch{
        width: 40% !important;
    }

div.HeaderBlock.AppSearch{
        width: 40% !important;
    }

.AppSearch{
    height: 100%;
    float: right;
    padding: 0 15px 0 15px;
    position: relative;
    float: right;
}

.AppLogout {
    width: 65px;
    float: right;
    border-left: solid 1px #dfdfea;
    text-align: center;
    padding: 0;
}

.AppLogout a {
    width: 65px;
    height: 65px;
    line-height: 65px
}

.AppLogout img {
    width: 14px;
    opacity: .5;
    transition: opacity .5s;
}

.AppLogout:hover img {
    opacity: 1;
}

/* HACK IE 11 */
_:-ms-fullscreen, :root .AppSearch { max-width: 300px; }
/* HACK IE 11 */

/* HACK EDGE */
@supports (-ms-ime-align:auto) {
    header .AppSearch { max-width: 300px; }
}
/* HACK EDGE */

/* HACK SAFARI */
@media not all and (min-resolution:.001dpcm) { @media {
    header .AppSearch { max-width: 300px; }
}}
/* HACK SAFARI */


/* HACK IE 11 */
_:-ms-fullscreen, :root .AppSearch::before { height: 33px; }
/* HACK IE 11 */

/* HACK EDGE */
@supports (-ms-ime-align:auto) {
    header .AppSearch::before { height: 33px; }
}
/* HACK EDGE */

.AppSearch .search-form{
    width: 100%;
    height: 35px;
    margin-right: 4px;
}

.AppSearch .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.AppSearch .input-group .form-control {
    height: 35px;
    background-color: #FAFAFC!important;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #E9E9F0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.AppSearch .input-group .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

.AppSearch .input-group .input-group-btn button {
    color: #004673;
    font-family: poppinsbold;
    font-size: 12px;
    padding: 7px 12px;
    position: relative;
    background-color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #E9E9F0;
    white-space: nowrap;
    line-height: 22px;
    height: 35px;
    border-radius: 0 4px 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    margin-left: -1px;
    overflow: visible;
}

.comment .wpforms-field {
    padding: 0 !important;
    margin: 0 !important;
}

.comment .wpforms-field label {
    margin-bottom: 10px !important;
}

textarea {
    background-color: #FAFAFC!important;
    width: 100%;
    margin-bottom: 0;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #E9E9F0 !important;
}

.comment div.wpforms-container-full {
    margin: 0 !important;
}

/**Page login */
.loginPage .blockLogin {
    width: 50%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: width .5s;
    transition: width .5s;
}
.blockLogin {
    background-color: #FFF;
    text-align: center;
    overflow-y: auto;
}

.loginForm {
    padding: 30px 60px;
    height: 100%;
}

.loginForm form {
    width: 60%;
    margin: auto;
}
.blokInput {
    position: relative;
    padding-top: 10px;
    text-align: left;
}
.loginForm button {
    display: inline-block;
    font-family: 'source_sans_prolight';
    color: #FFF;
    text-decoration: none;
    margin: 40px 0 10px 0;
    padding: 10px 30px;
    border-radius: 4px;
    position: relative;
    transition: all 1s cubic-bezier(.25,.8,.25,1);
    display: inline-block;
    color: white !important;
    font-size: 16px !important;
    text-align: center;
    border: none;
    box-shadow: 0px 3px 6px rgba(4, 94, 183, 0.5) !important;
    background: rgb(4, 93, 183) !important;
    background: -moz-linear-gradient(left, #045DB7 0%, #4DB9D9 100%) !important;
    background: -webkit-linear-gradient(left, #045DB7 0%,#4DB9D9 100%) !important;
    background: linear-gradient(to right, #045DB7 0%,#4DB9D9 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045DB7', endColorstr='#4DB9D9',GradientType=1 );
    position: relative !important;
    float: none;
}
    .blokInput input {
        width: calc(100% - 28px);
        padding: 12px;
        outline: none;
        font-size: 14px;
        font-family: 'source_sans_proregular';
        background: #FBFBFC !important;
        border: 1px solid #E9E9F0;
        border-radius: 4px;
    
}

.blokInput label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
}
.loginForm h1 img {
width: 350px;
    height: 80px;
}

/**encart principal*/

span.vert, span.bleu, span.jaune, span.rouge, span.orange{
    display: inline-block;
    padding: 0px 8px;
    border-radius: 4px;
    color: #FFF;
    margin-right: 6px;
    line-height: 20px;
    font-size: 12px;
}
span.vert {
    background-color: #4C9F38;
}


span.jaune {
    background-color: #ffd166;
}

span.rouge {
    background-color: #d01c45;
}

span.bleu {
    background-color: #407ca8;
}

span.orange {
    background-color: #ff7f27;
}