/* ADDITIFS et MODIFS
----------------------------------------------------------- */

body {
  background-color: #F5EBD3;
}

#sp-header {
  /* background: #FB9622 none repeat scroll 0 0; */
  background: #F3E0B3 none repeat scroll 0 0;
}

/* fond légèrement gris : #f4f4f4*/
#sp-main-body {
  background-color: #ffffff;  
   /* background-color: #f4f4f4; */
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  font-size: 18px;
}

.entry-header h2 {
 /*  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1;  */
    /* Ajout */
  font-size: 2em;
  /* Fin ajout */
}


#sp-main-body {
  padding: 30px 0;
}

article.item {
  margin-bottom: 10px;
}

#sp-header {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}



/* pas de marge en haut  */
#sp-top-bar {
/*  padding: 8px 0; */
    padding: 0px 0;   
}


#sp-bottom {
  background-color: #f5f5f5;
  padding: 10px 0px;  
}

#sp-carte-google {
  background-color: #f5f5f5;
  padding: 20px 0px;
}

.text-lg-start {
  text-align: left !important;
      padding: 8px 0;
}


/* align vertical date  */
.text-lg-left {
 /*    text-align: left !important;   */
    padding: 8px 0;
}



.breadcrumb {
  background-color: #F5EBD3;
  padding: 10px 0 0 20px;   

}

.logo-image-phone {
 height:70px;
}



/*

Carte Google Responsive 
.carte-responsive {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	    width: 80%;
    height: 80%;
}
 
.carte-responsive iframe,
.carte-responsive object,
.carte-responsive embed {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		margin-left: auto; 
	margin-right: auto;
}
*/

/*
Carte Google Responsive 100% 
.carte-responsive-100 {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	    width: 100%;
    height: 100%;
}
 
.carte-responsive-100 iframe,
.carte-responsive-100 object,
.carte-responsive-100 embed {
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		margin-left: auto; 
	margin-right: auto;
}

*/

/* Additif ombre */

.ombre {
	border:3px solid #ffffff;
	margin-right:12px;
	margin-bottom:8px;
	padding:0px;
	-webkit-box-shadow: 0 0px 14px #949393;
	-moz-box-shadow: 0 0px 14px #949393;
	box-shadow: 0 0px 14px #949393; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-bottom:9px;
	margin-top:2px;
	position:relative;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


.ombre_survol {
	border:3px solid #ffffff;
	margin-right:12px;
	margin-bottom:8px;
	padding:0px;
	-webkit-box-shadow: 0 0px 14px #949393;
	-moz-box-shadow: 0 0px 14px #949393;
	box-shadow: 0 0px 14px #949393; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-bottom:9px;
	margin-top:2px;
	position:relative;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
/*		 display: block; margin-left: auto; margin-right: auto;  */

}

.ombre_survol:hover {
	border:3px solid #ffffff;
	margin-right:12px;
	margin-bottom:8px;
	padding:0px;
/*	behavior: url(templates/paradigm_shift/css/PIE.htc);*/
	-webkit-box-shadow: 0 0px 14px #424242;
	-moz-box-shadow: 0 0px 14px #424242;
	box-shadow: 0 0px 14px #424242; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-bottom:9px;
	margin-top:2px;
	position:relative;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
/*			 display: block; margin-left: auto; margin-right: auto; */

}
/* Fin Additif ombre */




.cercle {
  /* object-fit: cover;
  object-position: 50% 50%; */
  border-radius: 50%;
  overflow: hidden;
}

<img src="https://static.wixstatic.com/media/ac7059_8aecc6d508f0490e8b7bb17c0b59d81d~mv2.jpg/v1/fill/w_559,h_540,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/ac7059_8aecc6d508f0490e8b7bb17c0b59d81d~mv2.jpg" alt="Decouverte du Burkina Faso | Aide et Partage Burkina" style="width: 559px; height: 540px; object-fit: cover; object-position: 50% 50%;">



/* additif "Lire la suite" */

/*
.article-list .article .readmore {
	
  font-size: 1rem;

   background-color:#fff5dd;
   border: 1px solid ;
   border-radius: .25rem;
   color: #22262a; 
   border-color:#ccc;
   font-style: italic;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
*/
.article-list .article .readmore a:hover {
  color:#000;
  background-color:#F3E0B3;
  border-color:#adadad;
}

/* Correction du "bleu" du bouton 'lire la suite' Home */

.sppb-btn-info.sppb-btn-3d {
  border-bottom-color: #0ac9c9;
}

/* Alignement icone Pdf */
img {
  display: inline;
  max-width: 100%;
  height: auto;
}


.recherche{
  padding-top: 5px;
  padding-bottom: 5px;
}


/*  Entourage et cadrage précédent/suivant  */

.btn-secondary {
  color: #fff;
  background-color: #eff1f4;
  border-color: #eff1f4;
  border-bottom-color: #d7dadd;
  border-bottom-width: 3px;
  vertical-align: middle;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}


.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination {
  float: right;
  margin-right: 100px;  
}


/*  Entourage Lir e la suite  */


.article-list .article .readmore {
  font-size: 1rem;
        background-color:#fff5dd;

 /*  background-color:yellow ;*/
   border: 1px solid ;
   border-radius: .25rem;
   color: #22262a; 
   border-color:#ccc;
   font-style: italic;
   cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .275rem .75rem; 
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;

  /*
  color: #fff;
  background-color: #eff1f4;
  border-color: #eff1f4;
  border-bottom-color: #d7dadd;
  border-bottom-width: 3px;
  vertical-align: middle;
*/
}

.article-list .article .readmore a:hover {
      color: blue;
}

.article-list .article .readmore:hover {
  

/*  color: red;*/
   /*    background-color: red;*/

  background-color: #eff1f4;

     padding: .275rem .75rem; 
  text-align: center;
  text-decoration: none;

   
   }
   
   
 /* background-color: #F3E0B3; 
      background-color:#fff5dd;*/

/*   border: 1px solid ; */
   /*  border-radius: .25rem;
   color: #22262a; 
 border-color:#ccc; */
 /*  font-style: italic;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; */
 /* padding: .375rem .75rem; 
  text-align: center;*/
  /* text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle; */

/*
  border-color: #adadad;*/
}

/* Couleur bouton envoi mail  */

.btn-primary, .sppb-btn-primary {
  border-color: #F3E0B3;
  background-color: green;
}

.btn-primary {
	color: #fff; 
  border-color: #F3E0B3;
  background-color: green;
}


.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #044cd0;
  background-color: yellow;
}

.btn-primary:hover {
  color: red;
/*  background-color: #0b5ed7;
  border-color: #0a58ca; */
}


/* Rendre video responsive */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Rendre video responsive : insérer ce code dans la page
<div class="video-responsive">
...code iframe récupéré sur Youtube... 
</div>

Voir : https://web-eau.net/tutoriels-joomla/images-et-videos/rendre-une-video-responsive-dans-joomla
*/


/* Fin video responsive */



#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 20px;
}


body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  margin-left: 2px;
}

.sppb-col-md-3{
	padding-right: 10px;
	padding-left: 10px;
}