/* ************************************************************************* */
/*                                                                           */
/* MQUERIES                                                                  */
/*                                                                           */
/* ************************************************************************* */





/*=================mob:320x460/508/533=|==================================mbP:634=|=======================mni:860*/
@import 'var.less';





@media only screen and (max-width:957px) {
	/**{opacity:0.8!important;}*/

	div#DV_MAIN {
		width:100%;
		height:100%;
		}

	div#DV_HEAD {
		display: flex ;
		flex-direction: row ;
		flex-wrap: wrap ;
		justify-content: flex-start ;
		align-items: center ;
		align-content:center;
		}

	div#DV_HANDI {
		position: absolute;
		right: 20px;
		left: unset;
		margin-left: unset;
		}

	div#DV_BODY {
		height: ~"calc(100% - 134px)";
		}

	div#DV_CONTE {
		width: ~"calc(100% - 300px)";
		overflow:auto;
		}

	img#IMclavier {
		width:100%;
		height:auto;
		}

	div#DV_ASIDL,div#DV_ASIDR {
		top:unset;
		}

	div#DV_ASIDR {
		margin-right:unset;
		right:0px;
		bottom:0px;
		}

	div#DV_DON {
		margin-left:unset;
		left:-7px;
		}

	}





@media only screen and (max-width:785px) {
	/**{opacity:0.6!important;}*/

	span#SPrnapitch {
		width: ~"calc(100% - 210px)";
		height:74px;
		line-height:normal;
		text-align:right;
		padding-right:12px;
		}
	span#SPrnapitch strong {
		margin:unset;
		}

	.CL_NAVIea,a.CL_NAVIea {
		width:80px;
		padding:3px 3px;
		}

	div#DVariane {
		top:1rem;
		}

	.sectionTitle {
		margin: 1rem 0rem 1rem 0rem;
		}

	}





@media only screen and (max-width:560px) {
	/**{opacity:0.4!important;}*/





	div#DV_HEAD,
	span#SPrnapitch,
	div#DV_HANDI,
	div#DV_NAVI,
	img#IMilluscap,
	#ID_dv_casquette,
	div#DV_ASIDL,
	div#DV_ASIDR,
	div#DVariane{
		display:none;
		}

	div#DV_HEAD_mob {
		z-index: 6;
		display: flex ;
		flex-direction: row ;
		flex-wrap: nowrap ;
		justify-content: space-around ;
		align-items: center ;
		align-content:center;
		background-color: @rougeRNA ;
		border-bottom:1px solid RGBA(0,0,0,0.2) ;
		-webkit-filter: drop-shadow(0 5px 10px RGBA(0, 0, 0, 0.7));
				filter: drop-shadow(0 5px 10px RGBA(0, 0, 0, 0.7));
		}
	div#DV_HEAD_mob a {
		border-bottom:none;
		}

	img.CLnavimobi {
		width:32px;
		height:32px;
		filter: contrast(0%) brightness(50%);
		}

	img#IMlogornaMob {
		width: auto;
		height: 44px;
		border: 2px solid rgb(255, 255, 255);
		background-color: rgb(255, 255, 255);
		}

	img#IMcompassmob {
		opacity:0;
		}

	div#DV_NAVI_NEW {
		z-index:6;
		position:absolute;
		top:55px;
		display:none;
		left:0px;
		width:100%;
		height: ~"calc(100% - 55px)";
		color: white;
		font-size: 1.2rem;
		background-color: @grisfonceRNA ;
		overflow:auto;
		}
	div.CLtitle {
		display: flex ;
		flex-direction: column ;
		flex-wrap: nowrap ;
		justify-content: flex-start ;
		align-items: flex-start ;
		align-content:center;
		}
	div#DV_NAVI_NEW .CLtitleNiv0,
	div#DV_NAVI_NEW .CLtitleNiv1,
	div#DV_NAVI_NEW a{
		margin-bottom:2rem;
		}
	div#DV_NAVI_NEW a {
		border-bottom:none;
		}
	div#DV_NAVI_NEW a:after {
		content:"" ;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAQAAABKmM6bAAAAZ0lEQVR4AVXIoQ3CUAAFwGtCECyAxKLqqyoJS+CoIWEDBqH5gqQDVLFJg+gM36IfmpPXAA4+diBArzrpQLgaTV4WLQgxuFnNaHVC8FA0ZoujL3EWe8XqreoJLuLpbrKFABiMsJG/xA/duCCMZxvpPwAAAABJRU5ErkJggg==') ;
		opacity:0.2;
		background-repeat:no-repeat;
		background-position:center ;
		padding-left:2rem;
		margin-right:0.2rem;
		}
	div#DV_NAVI_NEW  > :first-child {
		display:none;
		}
	div#DV_NAVI_NEW > :nth-child(2) {
		margin-top: 3rem;
		}
	div#DV_NAVI_NEW > :last-child {
		margin-bottom: 2rem;
		}

	div#DV_NAVI_NEW .CLtitleNiv0 {
		margin-left:1rem;
		}
	div#DV_NAVI_NEW .CLtitleNiv1 {
		margin-left:4rem;
		}
	div#DV_NAVI_NEW .CLtitleNiv2 {
		margin-left:8rem;
		}

	div#DV_BODY {
		top:55px;
		width:100%;
		height:inherit;
		background-image: none;
		background-color:rgb(255,255,255);
		}

	div#DV_CONTE {
		width:auto;
		height: ~"calc(100% - 80px)";
		}

	ul.ULmap {
		padding-left: 0rem;
		}

	span.CLtouche {
		padding: 0.0rem 0.5rem;
		box-shadow: inset 0 2px 10px 2px #000000,
					0 1px 1px 0px rgba(0, 0, 0, 0.5);
		}

	div#DV_socialShare {
		z-index: 6;
		position:absolute;
		visibility:hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
		height: 100px;
		margin-top:0px;
		background-color:@rougeRNA;
		}

	div#DV_DON {
		display:none;
		}

	}