/*

Theme Name: Portail Afribone

Author: Youssouf DOUMBIA

Author URI: http://196.200.55.70/modele_3/

Description: Site web d'Afribone

Version: 1.0


*/

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Le logo */

.logo img {
    width: 80%;
    height: auto;
}
/* Le logo ./. */


/* La barre de menu */

nav {
    background-color: #336799;
}

nav .conteneur_logo_menu ul {
    list-style-type: none;
    /*min-height: 129px*/;
}

nav .conteneur_logo_menu .cbp-hrsub-inner ul {
    min-height: 194px;
}

.form_search {
    padding-top: 1.2%;
}

.afrimail{
    width: 119px;
}

.afrimail_contact {
    display: inline-block;
    padding-top: 1.2%;
}

.btn-orange-afribone {
    background-color: #ee6321;
    border-color: #ee6321;
    color: white;
    padding: .375rem .5rem;
    /*
    display: inline-block;
    width: 115px;
    */
}

.btn-orange-afribone:hover {
    color: white;
}

/*************************************
******************************
*********************/

.top_nav_menu {
    width: 100%;
    margin-top: 0.7em;
    /*border-bottom: 4px solid #f8f9fa;*/
}

/* general ul style */
.top_nav_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* first level ul style */
.top_nav_menu > ul,
.top_nav_menu .cbp-hrsub-inner {
    width: 100%;
    /*padding: 0 1.875em;*/
}

/* first level ul style */
.top_nav_menu > ul {
    width: 100%;
    display: table;
    table-layout: fixed; 
    word-spacing: -2em;
}

.top_nav_menu > ul > li, 
.top_nav_menu > ul > ol {
    display: inline-block;
    width: 50%;
    background: linear-gradient(to bottom, #286090, #222);
    vertical-align: middle;
    word-spacing: normal;
}

.top_nav_menu > ul > li:nth-child(2) {
    border-left: 1px solid #f8f9fa;
    /*border-right: 1px solid #f8f9fa;*/
}

.top_nav_menu > ul > li:nth-child(3) {
    /*border-right: 1px solid #f8f9fa;*/
}

.top_nav_menu > ul > ol {
    padding: 0px;
}

.top_nav_menu > ul > li > a,
.top_nav_menu > ul > ol > a {
    font-weight: 700;
    padding: 1em;
    /*color: #999;*/
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    word-spacing: 5px;
}

.top_nav_menu > ul > li > a:hover,
.top_nav_menu > ul > ol > a:hover {
    color: #f8f9fa;
}

.top_nav_menu > ul > li.cbp-hropen a,
.top_nav_menu > ul > li.cbp-hropen > a:hover {
    color: #343a40;
    background: #f8f9fa;
    text-decoration: none;
}

.top_nav_menu > ul > li.cbp-hropen .cbp-hrsub .cbp-hrsub-inner ul li a {
    
}

.top_nav_menu > ul > li.cbp-hropen .cbp-hrsub .cbp-hrsub-inner a:hover {
    color: #ed5e21;
}

/* sub-menu */
.top_nav_menu .cbp-hrsub {
    display: none;
    position: absolute;
    background: #f8f9fa;
    width: 97.412%;
    left: 15px;
}

.cbp-hropen .cbp-hrsub {
    display: block;
    max-width: 1140px;
    border-left: 2px solid #eaeaea;
    border-right: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    padding: 3em 0;
}

.top_nav_menu .cbp-hrsub-inner > div {
    width: 33.3%;
    float: left;
    padding: 0 1.3em 0;
}

.top_nav_menu .cbp-hrsub-inner > div.div_actualite {
    width: 23%;
}

.top_nav_menu .cbp-hrsub-inner > div a {
    line-height: 2em;
}

.cbp-hrsub h4 {
    color: #000b15;
    margin: 0;
    font-size: 1.3em;
    font-weight: 300;
    border-bottom: 1px solid gainsboro;
}

h4.h4_niveau_1 {
    /*padding: 2em 0 0em;*/
}

.assistance-technique {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 2em;
    font-weight: bolder;
}

.cbp-hrsub span.glyphicon {
    padding-right: 11px;
    color: #264c6c;
}

.top_nav_menu .cbp-hrsub-inner > div.div_actualite h4{
    border-bottom: 1px solid gainsboro;
    padding-top: 2em;
}

.top_nav_menu .cbp-hrsub div.div_contact h4{
    border-bottom: 1px solid gainsboro;
    padding-top: 0px;
}

.top_nav_menu .cbp-hrsub-inner > div.derniere_info {
    width: 30%;
}

.top_nav_menu .cbp-hrsub-inner > div.derniere_info h4{
    text-transform: uppercase;
    padding-bottom: 21px;
    border-bottom: 0px solid gainsboro;
}

.top_nav_menu .cbp-hrsub-inner > div.derniere_info .wp-show-posts-image.wpsp-image-left {
    display: inline-block;
    width: 33%;
    margin-bottom: 0px;
}

.top_nav_menu .cbp-hrsub-inner > div.derniere_info img {
    width: 100%;
}

.jumbotron {
    background-color: #f8f9fa;
}

/* La barre de menu (media queries) */

@media screen and (max-width: 52.75em) { 

    .top_nav_menu {
        font-size: 80%;
    }

}

@media screen and (max-width: 43em) { 

    .top_nav_menu {
        font-size: 120%;
        border: none;
    }

    .top_nav_menu > ul,
    .top_nav_menu .cbp-hrsub-inner {
        width: 100%;
        padding: 0;
    }

    .top_nav_menu .cbp-hrsub-inner {
        padding: 0 2em;
        font-size: 75%;
    }

    .top_nav_menu > ul > li {
        display: block;
        border-bottom: 4px solid #f8f9fa;
    }

    .top_nav_menu > ul > li > a { 
        display: block;
        padding: 1em 3em;
    }

    .top_nav_menu .cbp-hrsub { 
        position: relative;
    }

    .cbp-hrsub h4 {
        padding-top: 0.6em;
    }

}

@media screen and (max-width: 36em) { 
    .top_nav_menu .cbp-hrsub-inner > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}

/* La barre de menu (media queries) ./. */

/* La barre de menu ./. */


/*Fleche de retour en haut*/
.imageRetourEnHaut{
    z-index: 2;
    background: #FF8500 url(images/votre-image.png) no-repeat center;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}
#boutonRetourEnHaut {
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
}
#boutonRetourEnHaut.afficheFleche {
    opacity: 1;
    visibility: visible;
}
/*Fleche de retour en haut ./.*/

/*Page catégorie des produits*/
.wcpt-product-image-wrapper {
    max-width: 100px;
    max-height: 100px;
}

.woocommerce .woocommerce-ordering, .woocommerce-info,
.woocommerce-notices-wrapper, .woocommerce-result-count {
    display: none;
}

.woocommerce nav.woocommerce-pagination {
    background-color: #fff;
    margin-bottom: 50px;
}

.woocommerce nav.woocommerce-pagination ul {
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.woocommerce form.well {
    display: none;
}

select#product_cat option.level-0 {
    font-weight: bold;
}
/*Page catégorie des produits ./.*/

/*info imporatant au dessous de la une*/

.important {
    position: relative;
    padding: 1.7rem;
    font-size: 1.2rem;
    color:red;
    background-color:#f8f9fb;
    margin-bottom: 30px;
    transition: background-color 3s, color 2s;
}

/*Co code concerne le clignotant rouge autour de l'icone livechat */

.wp-chatbot-ball img {
    transition: border 3s, transform 3s;
}

.clignotantRouge {
    transform: translate(30px, 30px);
    border: 3px solid red;
}

/*Co code concerne le clignotant rouge autour de l'icone livechat ./. */

/*
.important::before {
    content: "❝";
    position: absolute;
    top: -2rem;
    left: 0;
    font-size: 4rem;
}

.important::after {
    content: "❞";
    position: absolute;
    bottom: -3.2rem;
    right: 0;
    font-size: 4rem;
}
*/

.important p {
    margin: 0px;
}

.important p a {
    color: inherit;
}

.important p a:hover {
    text-decoration: none;
}

.important strong {
    text-decoration: underline;
}

.Clignoter {
    color: #fff;
    background-color: red;
}

/*info imporatant au dessous de la une ./.*/

/* General Demo Style */

div.first-sous {
    margin-top: 19px;
}

.widget {
    list-style: none;
    margin-bottom: 30px;
}

.widget h4 {
    color: #fff;
    margin: 0px -5px;
    padding-left: 5px;
}

.border-us {
    padding: 0px 5px;
    border:1px solid #e7f3ff;
    border-bottom: 0px solid #e7f3ff;
}

.une {
    background-image: url('image/background-une.jpg');
}

.une.faits-divers {
    background-image: none;
    background-color: #f8f9fb;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}

.une-logo {
    background-image: url('image/21-02-2020-a-la-une.png');
    background-repeat: no-repeat;
    height: 50px;
}

.une-logo.faits-divers {
    background-image: url('image/background-faits-divers.png');
    background-repeat: no-repeat;
    height: 50px;
}

.article-divers {
    transition: transform linear .3s;
}

.article-divers:hover {
    transform: scale(1.03);
}

.jargon-image {
    transition: transform cubic-bezier(0.68, -0.55, .27, 1.55) .5s;
}

.jargon-image:hover {
    transform: scale(1.03) rotate(10deg);
}

.afrique {
    background-image: url('image/background-afrique.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.autres-actus {
    background-image: url('image/background-afrique.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.dossiers {
    background-image: url('image/background-une.jpg');
}

.une .card-img-overlay, 
.afrique .card-img-overlay, 
.environnement-sante .card-img-overlay {
    background: rgba(0, 0, 0, 0.34);
}

.une .article-une h4 {
    margin-top: 13.75rem;
    color: white;
}

.BackBlack {
    background: rgba(0, 0, 0, 0.34);
}

.une .article-sous-une h4 {
    margin-top: -1.25rem;
    color: white;
}

.une ul.list-group li a {
    color:#343a40;
}

.une .card-img-overlay, .afrique .card-img-overlay {
    transition: .3s;
}

.une .card-img-overlay:hover, .afrique .card-img-overlay:hover {
    background-color: transparent;
}

.afrique-logo {
    background-image: url('image/background-ici-afrique.png');
    background-repeat: no-repeat;
    height: 50px;
}

.afrique-autres h4 {
    margin-top: 21.75rem;
    color: white;
	
}

.nos-services {
   /* background-image: url('image/background-service.jpg'); */
}

.service-logo {
    background-image: url('image/background-afribone.png'); 
    background-repeat: no-repeat;
    height: 65px;
}

.autres-actus-logo {
    background-image: url('image/background-societe.png');
    background-repeat: no-repeat;
    height: 50px;
}

.environnement-sante {/*
    background-image: url('image/background-sante-0.png');
    background-repeat: no-repeat;
    background-size: cover;*/
}

.environnement-sante-logo {
    background-image: url('image/background-environnement-sante.png');
    background-repeat: no-repeat;
    height: 50px;
}

.entreprise-au-feminin {/*
    background-image: url('image/background-sante-0.png');
    background-repeat: no-repeat;
    background-size: cover;*/
}

.entreprise-au-feminin-logo {
    background-image: url('image/background-made-in-mali.png');
    background-repeat: no-repeat;
    height: 50px;
}

.technologie {/*
    background-image: url('image/background-sante-0.png');
    background-repeat: no-repeat;
    background-size: cover;*/
}

.technologie-logo {
    background-image: url('image/background-faits-divers.png');
    background-repeat: no-repeat;
    height: 50px;
}

.les-plus-lus {/*
    background-image: url('image/background-sante-0.png');
    background-repeat: no-repeat;
    background-size: cover;*/
}

.les-plus-lus-logo {
    background-image: url('image/background-les-plus-lus.png');
    background-repeat: no-repeat;
    height: 50px;
}

.autres-actus .pub3 ul {
    padding: 0px;
    margin: 0px -5px;
}

.situation-du-pays .list-group {
    max-height: 312px;
    overflow: auto;
}

.situation-du-pays .list-group-item {
    padding: .5rem 1rem;
}

.situation-du-pays .badge {
    font-size: 99%;
}

.situation-du-pays-logo {
    background-image: url('image/21-02-2020-situation-du-pays.png');
    background-repeat: no-repeat;
    height: 50px;
} 

.bg-afribone-bleu {
    background-color: #336799 !important;
}

a.bg-afribone-bleu:focus, a.bg-afribone-bleu:hover, 
button.bg-afribone-bleu:focus, 
button.bg-afribone-bleu:hover {
    background-color: #2a4d6f !important
}

.sur-le-fil {
    background-image: url('image/background-une.jpg');
}

.sur-le-fil-logo {
    background-image: url('image/21-02-2020-sur-le-fil.png');
    background-repeat: no-repeat;
    height: 50px;
}

.sur-le-fil-article {
    transition: transform linear .3s;
}

.sur-le-fil-article:hover {
    transform: scale(1.03);
}

.autres-actus .pub3 ul li a {
    color:#343a40;
}

.dossiers-logo {
    background-image: url('image/background-dossiers-logo.png');
    background-repeat: no-repeat;
    height: 50px;
}

.pub3 ul {
    padding: 0px;
    margin: 0px -5px;
}

.pub3 ul li a {
    color:#343a40;
}

.post-content p br {
    display: none;
}

/*Logo des marques des produits*/
#gallery-1 .gallery-item img {
    border: 0px solid #cfcfcf;
}
/* ./. Logo des marques des produits*/


/* Pied de page */

footer {
    font-weight: normal;
}

footer ul {
    padding-left: 15px;
}

footer ul li {
    text-transform: capitalize;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ee5d30;
    text-decoration: none;
}

/* Pied de page ./. */









/* Code CSS pour IE versions 10, 11 et Edge*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*
        Votre CSS pour IE versions 10, 11 et Edge
    */

    .card  {
        flex:1 0 100% ;
    }

    img {
        flex-shrink:0;
    }   
}

/* Code CSS pour IE versions 10, 11 et Edge ./. */







/*Les médias query*/

@media screen and (min-width: 1200px) {

    nav .conteneur_logo_menu ul {
        /*min-height: 129px;*/
    }
}

@media screen and (max-width: 1200px) {

	.une .article-une h4 {
	    margin-top: 9.75rem;
	    color: white;
	}

	.une .article-sous-une h4 {
	    margin-top: -1.5rem;
	    color: white;
	}

    .une .list-group {
        max-height: 283px;
        overflow-y: auto; 
    }
}


@media screen and (max-width: 992px) {
    .logo img {
        width: 100%;
        height: auto;
    }

	.une .article-une h4 {
	    margin-top: 15.75rem;
	    color: white;
	}

    .une .list-group {
        margin-top: 17px; 
    }

    .top_nav_menu > ul > li > a,
    .top_nav_menu > ul > ol > a {
        font-weight: 700;
        padding: 1em;
        /*color: #999;*/
        color: #fff;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        word-spacing: 5px;
    }
}


@media screen and (max-width: 768px) {

	.une .article-une h4 {
	    margin-top: 11.75rem;
	    color: white;
	}

	.afrique-autres h4 {
	    margin-top: 2rem;
	    color: white;

	}
}


@media screen and (max-width: 576px) {

	.article-une {
	    margin-bottom: 15px;
	}

	h1 {
        font-size: 1.7rem;
	}

	h3 {
        font-size: 1.4rem;
	}

	h4 {
        font-size: 1.3rem;
	}

	.une .article-une h4 {
	    margin-top: 1.5rem;
        font-size: 1.3rem;
	    color: white;
    }
    
    .sur-le-fil-logo, .situation-du-pays-logo, 
    .une-logo, .service-logo, .afrique-logo {
        height: 30px;
        background-size: 25em;    
    }
    
    .service-logo {
        height: 40px;
        background-size: 17em;    
    }

    .situation-du-pays .pour-smartphone, 
    .afrique .pour-smartphone, 
    .sur-le-fil .pour-smartphone {
        margin-bottom: 30px;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 0.5rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .page-link {
        padding: .5rem 0.5rem;
    }

    /*Page contact*/
    .wpcf7 {
        margin-left: -57px;
    }

}

/*Les médias query ./. */