/* PUB --------------------------------------*/

.pub_wrapper 
{
	/* background-color: #f6cdd3; */
	/* background-color: #5555; */
	/* height: 8rem; */
	/* margin: 1em 0; */
	/* background-image: url(https://www.media-pi.fr/._MPI_V3_media_NE_PAS_TOUCHER/Puclicites/pub_defaut_mediapi_offre_decouverte.jpg); */
	position: relative;
}

.dark_mode .pub_wrapper {
    opacity: 0.8;
}

.pub_wrapper.pub_2_wrapper 
{}

.pub_wrapper .page_width_wrapper 
{
	height: 100%;
	position: relative;
}

.pub_1_wrapper 
{}

.page_width_wrapper 
{}

.pub_1 
{}

.pub_2 
{}

.pub 
{
	/* background-image: url(https://www.media-pi.fr/._MPI_V3_media_NE_PAS_TOUCHER/Puclicites/pub_defaut_mediapi_offre_decouverte.jpg); */
	display: inline-block;
	width: 100%;
	height: 100%;
	/* background-color: red; */
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%, -50%); */
	/* width: auto; */
	/* height: auto; */
	position: relative;
	text-align: center;
	margin: 1em auto;
}

/* PUB --------------------------------------*/
.publicite
{
  border-radius:var(--border_radius);
  max-width: 100vw;
}

.publicite.desktop {
    display: inline-block;
    background-size: contain;
    /* height: 8em; */
    width: 100%;
    padding-top: 13%;
    /* background-color: red; */
}
.publicite.medium {
    display: inline-block;
    height: 200px;
    width: 450px;
    position: relative;
}

.publicite.mobile {
    display: inline-block;
    height: 298px;
    width: 278px;
}


.publicite.medium 
{
  display:none;
}

.publicite.mobile 
{
  display: none;
}
@media screen and (max-width: 800px )
{
  .publicite.desktop 
  {
    display: none;
  }
  .publicite.medium 
  {
    display: inline-block;
  }

  .publicite.mobile 
  {
    display: none;
  }
}

@media screen and (max-width: 500px )
{
  .publicite.desktop 
  {
    display: none;
  }
  .publicite.medium 
  {
    display: none;
  }

  .publicite.mobile 
  {
    display: inline-block;
  }
}