/* =========================================================
   CONTENEUR PUBLICITÉ 768*90
   ========================================================= */

.pub-container {
    display: block;
    text-align: center;      /* Centre la pub */
    margin: 0 0 20px 0;          /* Espace en haut et en bas (équivalent my-4) */
    width: 100%;
    min-height:110px;
    /* GESTION MOBILE CRUCIALE */
    /* Si la pub est plus large que l'écran : */
    overflow: hidden;        /* Cache ce qui dépasse (ou met 'auto' pour scroller) */
    max-width: 100%;
	background:rgba(204, 204, 204, 0.7);
	padding:10px 0;
}

/* Si ce sont des images (bannières jpg/png) */
.pub-container img {
    max-width: 100%;         /* Force l'image à réduire sur mobile */
    height: auto;            /* Garde les proportions */
    display: inline-block;
}

/* On cible spécifiquement les images DANS .pub-container */
.article-body .pub-container img {
    box-shadow: none !important;        /* Enlève l'ombre */
    border-radius: 0 !important;        /* Enlève les bords arrondis */
    width: auto !important;             /* Évite d'étirer une petite bannière sur toute la largeur */
    margin: 0 auto !important;          /* Centre l'image proprement */
    display: inline-block;
}

@media (max-width: 991px) {
	.pub-container {
	min-height:140px;
	}
}

/* =========================================================
   CONTENEUR PUBLICITÉ 300*250
   ========================================================= */
.pub-container-right{
    display: block;
    text-align: center; 
	align-items: center;
	justify-content: center;
    margin: 0 0 20px 0;   
    width: 100%;
	height:auto;
    min-height:280px;
    overflow: hidden;  
    max-width: 100%;
	background:rgba(204, 204, 204, 0.7);
	padding:10px 0;
	
}
.pub-container-right img {
    max-width: 100%;    
    height: auto;      
    display: inline-block;
}

/* =========================================================
   CONTENEUR PUBLICITÉ 300*600
   ========================================================= */
.pub-container-right-large{
    display: block;
    text-align: center; 
    margin: 0 0 20px 0;   
    width: 100%;
    min-height:620px;
    overflow: hidden;  
    max-width: 100%;
	background:rgba(204, 204, 204, 0.7);
	padding:10px 0;
	
}
.pub-container-right-large img {
    max-width: 100%;    
    height: auto;      
    display: inline-block;
}


/* =========================================================
   CONTENEUR PUBLICITÉ MOBILE
   ========================================================= */
.pub-container-mobile{
    display: block;
    text-align: center; 
    margin: 10px 0 10px 0;   
    width: 100%;
    min-height:270px;
    overflow: hidden;  
    max-width: 100%;
	/*background:rgba(204, 204, 204, 0.7);*/
	padding:10px 0;
	
}
.pub-container-mobile img {
    max-width: 100%;    
    height: auto;      
    display: inline-block;
}