/* -------------------------------------- RESPONSIVE DESIGN - AGENCE WEBTAO ----------------------------------------------- */

/*---------------------------------------- */
/*        SMARTPHONE :PORTRAIT           */
/*---------------------------------------- */
@media screen and (max-width:360px){

}
@media screen and (max-width:479px){
	
	header .head.bg nav{margin-right:0}
	html,body{overflow-x:hidden}
	nav.open li a{color:#fff}
	nav.open li:last-child{border-bottom:0}
		
	.head{background: #68825f}
	.logo {width: 50px;overflow: hidden;}
	.headerTop {position: absolute;right:auto;top: 5px;text-align: center;left:50%;width:250px;margin-left:-123px;z-index: inherit!important;}
	.headerTop p{display: block;}
	.headerLang {position:absolute;z-index:1000;top:-7px;right:-44px}
	.headerSearch {border: 1px solid #fff;margin: 16px 0 0 0!important;border-radius: 20px;position: relative;z-index: 1000}
	.headerLang select {margin-top: 12px;}
	header:not(.down) .head.bg .logo-menu {padding: 0 20px!important;}
	.logo-menu {top: 0;padding: 35px 20px 25px!important;}
	header.down .head.bg .logo-menu {top: 29px;}
	header.down .headerTop {margin-top: -105px;}
	.head.bg .headerTop {display: none;}
	nav.open{padding: 85px 20px 0;}
	main{margin-bottom: 0;padding-bottom: 10px}
	.moine{margin-top: 0!important}
	.banner img {height: 470px;}
	.txt_banner span{font-size: 13px;}
	.txt_banner h1 {font-family: 'Amiri';font-size: 24pt;line-height: 40px;}
	.moine .swiper-pagination {transform: translateY(-205px);}
	.d-flexB {display: block;}
	#newspaces .center_ .btn_.Inscription.freesize a {font-size: 10pt;}
	#newspaces .left_ {display: none;}
	.btn_.freesize {text-align: center;line-height: 20px;padding: 10px 20px;}
	#newspaces .right_ {width:100%;max-width:100%;margin:0;display:none}
	#discover {margin-top: 50px}
	#discover .left_ {width: 100%;margin: 0 0 40px;}
	#discover .left_ span {font-size: 12pt;}
	#discover .d-flexB .photoInfo {width: 100%;}
	#discover .photoInfo {margin-bottom: 20px;}
	#seemore {padding:50px 0 0}
	#seemore .bloc{transform: inherit!important;}
	#seemore .photoInfo {width: 100%;margin-bottom: 30px}
	#sevenMin{max-width:100%;height:200px!important}
	
	.archive .sub-menu,.page-template-default .sub-menu{box-shadow:none}
	.catGrid{margin-left:0}
	.catGrid .photoInfo{width:100%;margin:0}
	.cookie-notice-container #cn-notice-buttons{line-height:45px}
	.page-id-31410 .catGrid{margin-left:0}
	.footer{position: inherit;padding: 0 0 40px} 
	.footerWrap{display: block;}
	.footerWrap div{margin:35px 0}
	.labelRadio{display:block;padding:5px 0 0}
	.logoFooter img{width: 65%}
	.footerWrap .amidumir {width: 60%;}
	.newsMusee .underline{font-size: 22pt}
	.footer input[type="email"] {max-width: 100%;margin-bottom: 25px;}
	.footer input[type="submit"]{max-width: 100%;margin-left: 0}
	.footerWrap .reseauSociaux {justify-content: left;}
	.footerWrap .reseauSociaux a {margin-right: 45px;}
	.page-id-31410 .parallax{background-position-x:84%!important}
	.page-id-31334 .parallax{background-size:cover!important;background-position:-500px 90px!important}
	.parallax{background-attachment:unset!important}
	.postid-29349{background-position-y:90px}
	.submitP{margin-top:10px}
	.title_{font-size:24pt;line-height:40px}
	.menu-header .sub-menu.info_{display:none}
	.sub-menu{position:relative;background:none;min-height:0;padding:0;left:0!important;height:auto!important;padding-top: 0!important;z-index:0;min-width:100%}
	.wrapper .wrapper{padding-left:0!important;padding-right:0!important}
	.page-template-default main{padding-top:100px}
	
}

/*------------------------------------------------ */
/*     SMARTPHONE PAYSAGE & TABLET PORTRAIT      */
/*------------------------------------------------ */

@media screen and (min-width:480px) and (max-width:854px){body{width:854px}

main{margin-bottom: 0}
#newspaces .left_ {display: none;}
#discover.d-flexB {display: block;}
#discover .left_ {width: 100%;margin-bottom: 45px;}
#seemore .bloc {transform: inherit;}
#seemore .photoInfo {width: 30%;max-width: 100%;}
.footer{position: inherit;padding: 0 0 50px}
.footerWrap{flex-wrap: wrap;justify-content: center;}
.footerWrap div {width: 26%;margin: 29px;}


}

/*------------------------------------------------ */
/*                TABLETTE PAYSAGE                */
/*------------------------------------------------ */

@media screen and (min-width:855px) and (max-width:1024px){body{width:1024px}

}
@media screen and (max-width:1024px){
	#newspaces {margin-top: 0;}
}
@media screen and (max-width:1079px){
	.head.open {
		height: 100vh;
		position: relative;
		z-index: 999;    
		background: #68825f;
	}
	.fixNavigation .logo-menu {
		padding: 0 20px;
	}
	.logo-menu{padding: 0 50px}
	.logo img {width: 170px!important}
	.fixNavigation .logo img {width: 126px!important}
	.logo-menu nav {display: none;}
	img.BurgerMenu {width: 80px;height: 79px;transform: translate(-16px, -20px);object-fit: contain;}
	img.BurgerMenu.open {width: 25px;height: 25px;float: right;position: relative;z-index: 999;transform: inherit!important;}
	nav.open {display: block;}
	.admin-bar .fixNavigation .head {top: 0px;}
	.nav-mobile {display: block;position: relative;width: 40px;height: 25px;overflow: hidden;top: 0;}
	.fixNavigation .nav-mobile {display: block;position: relative;top: 1px;}
	nav.open {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		padding: 85px 50px 0;
		height: 100vh;
		animation-duration:0.8s;animation-name:slidein;transition:all 0.1s ease-in-out;
	}
	@keyframes slidein{from{margin-left:-10%;width:100%}to{margin-left:0%;width:100%}}
	nav.open li {
		display: block;
		margin-left: 0;
		border-bottom: 1px solid #4f6107;
	}
	nav.open li a {
		line-height:60px;
		display:block;
	}
	#menu-item-33240 a {
		background: transparent;
		color: #fff;
		line-height: 61px;
		width: inherit;
		text-align: left;
		text-transform: uppercase;
	}
	.moine {margin-top: -48px;}

}
/*------------------------------------------------ */
/*                        AUTRE                    */
/*------------------------------------------------ */

@media screen and (min-width:1025px) and (max-width:1199px){
}
@media screen and (min-width:1025px) and (max-width:1299px){
}
@media screen and (min-width:1200px) and (max-width:1440px){

}
@media screen and (min-width:1441px) and (max-width:1920px){

}