/* Section écrans moyen desktop */
@media (min-width: 1401px) and (max-width: 1600px) {
  #tarteaucitronAlertBig{
    width: 35vw;
  }

  #tarteaucitron{
    width: 45vw;
  }
}


/* Section petits écrans desktop */
@media (min-width: 992px) and (max-width: 1400px) {
  #tarteaucitronAlertBig{
    width: 45vw;
  }

  #tarteaucitron{
    width: 45vw;
  }

  .tarteaucitronMainLine .tarteaucitronAsk{
    width: 75%;
  }

}

@media (min-width: 992px) and (max-width: 1200px) {
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    padding-right: 40%;
    background-size: auto 90%;
  }

  #tarteaucitron{
    width: 50vw;
  }
  
}


/* Section spéciale mobile */

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

	.mobile{
		display: block;
	}

	.no-mobile{
		display: none;
	}

	.no-smartphone{
		display: none;
	}

	header:not(#header-mobile){
		display: none;
	}

	footer{
		height:auto;
	}

	footer .menu li{
		display: block;
		border:none;
		padding:1rem 0;
	}

	#breadcrumbs{
		display: none;
	}

	#main-container{
		margin-top: 70px;
	}

	.container{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		max-width: none;
	}

	.bloc h2.block-title{
		margin-bottom: 1rem;
	}

	.contain_text{
		padding:0.7rem;
	}

	.bloc_contenu_2columns .liste_valeurs{
		font-size: 0.9rem;
	}

	.bloc .liste_valeurs li span.libelle{
		width: 74%;
	}

	.bloc .liste_valeurs li span.valeur{
		width: 19%;
		text-align: right;
	}

	.bloc_contenu_ncolumns{
		padding-bottom: 1rem;
	}

	.bloc h2.block-title{
		padding-top: 1rem;
	}

	.wpcf7-form-control-wrap{
		margin-bottom: 1rem;
	}

	.alignwide,
	.alignfull{
		width: 100%;
		margin: 0;
	}

  #tarteaucitronAlertBig{
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    box-shadow: none;
    border-top:1px solid rgba(0,0,0,0.3);
    border-radius: 0;
  }

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    background-position: 106% -8px;
  }

  #tarteaucitron{
    width: 100vw;
    right: 0;
    bottom: 0;
    top:auto;
    height: 85vh;
    border-radius:0;
    overflow:auto;
  }

  #tarteaucitronMainLineOffset{
    border-radius:0;
  }

  #tarteaucitronClosePanel{
    margin: 0.5rem 0 0 0;
    bottom: auto;
    background:#FFF;
    color:var(--couleur3);
  }

}

/* xs - Smartphones */
@media (max-width: 767px) {

	.smartphone-only{
		display: block;
	}

	.alignleft, .alignright{
		margin:0 0 1rem 0;
	}

	.navi{
		text-align: center;
	}

	footer .menu{
		text-align: center;
	}

	.harmonize_element{
		height: auto !important;
	}

	.bloc_galerie_photos .contain_text{
		padding-bottom: 1rem;
	}

	.bloc_galerie_photos ul.galerie_photos li{
		padding: 0;
		margin-bottom: 0.4rem;
	}

	.fancybox-caption{
		font-size: 0.7rem;
	}

	.contain_img{
		width: 100%;
		height: auto;
	}

	.bloc_contact{
		text-align: center;
	}

	.wpcf7{
		text-align:left;
	}

	.wpcf7 label{
		margin: 0;
	}

	.wpcf7-form input.wpcf7-submit{
		width: 70%;
		text-transform: uppercase;
		margin:0 auto;
	}

	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item{
		margin: 0 0 2vh 0;
		width: 100%;
	}

	/* Justified Gallery */
  .justified-gallery{
    height: auto !important;
    overflow: visible;
  }

  .justified-gallery > a{
    display: block;
    position: relative;
    height: auto !important;
    top: auto !important;
    width: 100% !important;
    left: auto !important;
    margin-bottom: 1rem;
  }

  .justified-gallery > a > img{
    position: relative;
    width: 100% !important;  
    height: auto !important;
    margin: 0 !important;
    top:auto !important;
    left:auto !important;
  }

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    background-size:auto 80%;
  }

  .tarteaucitronMainLine .tarteaucitronAsk{
    width: 75%;
  }

}