/* ========================================================================== 12. Media Queries - Smaller than 500px ========================================================================== */

@media only screen and (max-width:576px) {
	/* site principal */
	#loginbtn {
		visibility: visible !important;
	}
	#navig1 a {
		color: black !important;
	}
	#navig2b {
		display: grid !important;
		visibility: visible !important;
		margin-left: 20px;
		line-height: 2 !important;
	}
	ul#navig2b:blank {
		padding: 0 !important;
	}
	ul#navig2b:empty {
		padding: 0 !important;
	}
	#navig1 i {
		display: initial !important;
		visibility: visible !important;
	}
	#navig1 a.active {
		color: #dd9f71 !important;
		border-bottom: 0px !important;
	}
	#navig2b a.active {
		color: #dd9f71 !important;
	}
	.top3 a.active {
		border-bottom: 0px !important;
	}
	.mob {
		width: 100% !important;
		height: 100% !important;
		margin-top: 0px !important;
		margin-right: 0px !important;
	}
	.main-nav {
		background: transparent !important;
		height: 20px !important;
	}
	.templa {
		margin-left: 2.5vw !important;
	}
	.close {
		font-size: 2.5em;
	}
	.col8 {
		margin-top: 15px !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		padding-top: 20px !important;
	}
	.forme {
		width: 30% !important;
		left: 75% !important;
	}
	.titmob {
		margin-top: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 15px !important;
	}
	.tabversion {
		float: unset !important;
		position: relative !important;
	}
	.main-header-content {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.popover {
		width: 80% !important
	}
	.hrmob {
		height: auto !important;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.entry-title-divider {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.minhe {
		min-height: calc(100vh - 54px) !important;
	}
	.logmobile {
		max-width: 50% !important;
		width: 50%;
		height: auto !important;
		margin-top: -15vh !important;
	}
	.btnfirst {
		position: relative !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.spec {
		padding-top: 24px !important;
	}
	.wave {
		visibility: hidden;
		height: 215px;
	}
	.hrinv {
		visibility: hidden;
	}
	.ferme {
		height: 0px !important;
	}
	.paddlr {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	.vis {
		visibility: visible !important;
		width: 100% !important;
	}
	.a100 {
		height: 100% !important;
	}
	.ombre {
		-moz-box-shadow: 2px 2px 10px #222;
		-webkit-box-shadow: 2px 2px 10px #222;
		box-shadow: 2px 2px 10px #222;
	}
	.nav-link.active {
		color: #e1ac84 !important;
	}
	.wave1 {
		height: 20vh !important;
		top: 84vh !important;
	}
	.artblog {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}
	.navbar-toggler {
		position: fixed !important;
		top: 10px !important;
		left: 6px !important;
		background-color: #dd9f71 !important;
		font-size: 2rem !important;
		border-radius: 0.7rem !important;
	}
	.video{
	width: 80vw;

	height: auto !important;
	}

	.mobarcont {
		max-width: 60% !important;
	}
	.navbar-collapse {
		left: 5px !important;
		width: 70vw !important;
		top: 55px !important;
		position: fixed !important;
		padding-top: 0px !important;
		background-color: white;
		padding-left: 20px !important;
		max-height: 90vh !important;
	}
	/*
	.navbar-collapse {
	position: fixed;
	top: 50px;
	right: 0px;
	background: white;
	width: 150px;
	padding: 15px;
}
	*/
	.navbar-nav {
		padding: 15px;
	}
	.insta {
		position: relative !important;
		float: unset !important;
	}
	.insta2 {
		display: none !important;
	}
	.margneg {
		max-width: 100% !important;
	}
	.main-nav.overlay {
		position: absolute!important
	}
	.li {
		margin: 0.2em 0 !important;
	}
	.top-page {
		visibility: hidden !important;
		height: 0px !important;
	}
	.main-nav a {
		text-decoration: none;
		font-size: 0.9em !important;
	}
	.topb {
		position: absolute !important;
		top: 0px !important;
	}
	.notop {
		margin-top: 0px !important;
	}
	.topneg {
		margin-top: -10vh;
	}
	.elt {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		text-align: center !important;
	}
	.left {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		text-align: center !important;
	}
	.center {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.eltleft {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.fond {
		position: absolute !important;
		bottom: 0 !important;
	}
	.autoheight {
		height: auto !important;
	}
	.titre {
		background-color: rgba(47, 79, 79, 0.5);
		height: 54px !important;
		text-align: center;
		visibility: visible !important;
		position: fixed;
		width: 100%;
		z-index: 1000;
		color: white;
		top: 0px;
		max-width: 100%;
	}
	.haut {
		margin-top: -272px !important;
	}
	.marg12 {
		margin-top: -272px !important;
	}
	.haut2 {
		margin-top: -272px !important;
	}
	.haut3 {
		margin-top: -185px!important;
	}
	.att i {
		font-size: 0.9em !important;
	}
	.deso {
		margin-top: 100px !important;
	}
	.container-fluid {
		top: 0px !important;
	}
	.nav-item {
		margin: 0px;
	}
	.nopad {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.maxh {
		max-height: 5vh !important;
	}
	.triangle {
		margin-left: -10px !important;
		width: calc(100vw + 10px) !important;
		height: 60px !important;
		margin-bottom: -2px !important;
		max-width: calc(100vw + 10px) !important;
		margin-right: -10px !important;
	}
	.over {
		overflow-y: auto !important;
	}
	.top1 {
		position: absolute !important;
	}
	.vert {
		line-height: 54px;
		white-space: nowrap;
	}
	.arplus {
		font-size: 0.7em !important;
	}
	.arcont {
		font-size: 1.5rem !important;
	}
	.arprod {
		font-size: 1.5rem !important;
	}
	.arplus1 {
		font-size: 1.5rem !important;
	}
	.armin {
		font-size: 0.7em !important;
		margin-left: 35% !important;
	}
	.armin {
		font-size: 0.8em !important;
	}
	/* interne */
	.a100in {
		min-height: 180% !important;
	}
	.margin {
		margin-top: 30px !important;
	}
	.disp {
		display: none;
	}
	.blackin {
		color: black !important;
		margin-bottom: 5px !important;
	}
	.midin {
		text-align: center !important;
	}
	.widthin {
		min-width: 50vh;
	}
	.fa-pencil-alt {
		font-size: 2rem !important;
	}
	.fa-times {
		font-size: 2rem !important;
	}
	.fa-save {
		font-size: 2rem !important;
	}
	.widthin2 {
		min-width: 30vh !important;
	}
	.bigin {
		font-size: 2rem !important;
	}
	.butin {
		min-width: 80% !important;
		text-align: center !important;
		min-height: 8vh !important;
		border-radius: 10px !important;
	}
	.inblock {
		display: inline-block !important;
	}
	.col6in {
		position: relative !important;
		width: 100vw !important;
		flex-basis: unset !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.size1 {
		width: 80% !important;
		float: unset !important;
		margin-bottom: 3% !important;
	}
	.fas {
		font-size: 2.5rem;
	}
	.margno {
		margin: 0px 0px 10px 0px !important;
		text-align: center !important;
	}
	body:not(.post-template) .post-title {
		font-size: 2.5rem !important;
	}
	.post-excerpt p {
		font-size: 1.5rem !important;
	}
	.post-excerpt span {
		font-size: 1.5rem !important;
	}
	.page-description {
		font-size: 2rem !important;
	}
	p {
		font-size: 0.9em !important;
	}
	h2 {
		font-size: 3.6rem !important;
	}
	.ar {
		margin-top: 40px !important;
	}
	.arnews {
		font-size: 1.5rem !important;
	}
	.font1 {
		font-size: 3.5rem !important;
	}
	.font2 {
		font-size: 1.1rem !important;
	}
	#container {
		max-width: 100vw !important;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0 0 0.3em 0;
	}
	h1 {
		font-size: 2.8rem;
		letter-spacing: -1px;
	}
	h2 {
		font-size: 2.4rem;
		letter-spacing: 0;
	}
	h3 {
		font-size: 2.1rem;
	}
	h4 {
		font-size: 1.9rem;
	}
	h5 {
		font-size: 1.8rem;
	}
	h6 {
		font-size: 1.8rem;
	}
	/* safari */
	@media not all and (min-resolution:.001dpcm) {
		@supports (-webkit-appearance: none) {
			.size1.safari_only {
				float:unset !important;
			}
			#navig2b.safari_only {
				line-height: 1 !important;
			}
		}
	}
	/*chrome*/
	@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
		.size1.chrome {
			float: unset !important;
		}
		#navig2b {
			line-height: 1 !important;
		}
	}
	/*firefox*/
	@-moz-document url-prefix() {
		#navig2b {
			line-height: 2 !important;
		}
	}
}