/*Mobile*/
@media(max-width:768px){
    .btnMenuDrop{
		position:absolute;
		right:5px;
		top:5px;
		font-size:14px;
		z-index:20;
		display:block;
		cursor:pointer;
		padding:10px 15px;
    }
    
    .btnMenuNext{
		display:none;
	}

	#mainPanel{
		float:left;
		clear:both;
		width:100%;
		min-height:100%;
	}

	/*MneuHeadTop*/
	#menuHead{
		float:left;
		clear:both;
        width:100%;
        background:var(--color1);
        display:none;
	}
	#menuHead ul,#menuHead li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		clear:both;
		width:100%;
	}

	#menuHead ul{
		float:left;
		position:relative;
	}
	#menuHead ul li > ul{
		display: none;
		position:relative;
		float:left;
		clear:both;
		width:100%;
	}
	#menuHead ul li{
		position:relative;
		float:left;
		clear:both;
		width:100%;
		border-bottom:1px solid var(--color1-hover);
    }
	#menuHead ul li a{
		padding:16px;
		display:block;
		color:#fff;
		font-size:16px;
		text-decoration:none;
		text-align:left;
	}
	#menuHead ul li a:active{
		background:var(--color1-active);
	}
	#menuHead ul li .btnMenuDrop a{
		padding:0px;
		text-decoration:none;
	}
	#menuHead ul li{
		position:relative;
	}
	#menuHead ul li ul li{
		float:left;
		width:100%;
		border:0;
    }
	#menuHead ul li ul li a{
		display:block;
		text-align:left;
		padding:16px 16px;
		font-size:16px;
		text-decoration: none;
	}
    #menuHead ul li ul li a{
		padding-left:30px;
	}
    #menuHead ul li ul li ul li a{
		padding-left:60px;
	}
	#menuHead ul li ul li a:active{
		background:var(--color1-active);
	}
	#menuHead ul li > ul{
		padding:0 0 0 15px;
	}
	#menuHead ul li:hover > ul{
		display:none;
		padding:5px 0;
	}
	#menuHead ul li ul li > ul{
		position:relative;
		margin:0;
	}
	#menuHead ul li ul li:hover > ul{
		display:none;
	}

	#menuHead .icoTextSpan5{
		gap:20px;
	}
	/****/

	.toLeft{
		float:none;
	}
	.toRight{
		float:none;
	}

	.blockSite h1{
		text-align:left;
		color:#50be2f;
	}

	.blockSiteCenter{
		float:left;
		clear:both;
		width:100%;
	}

	#mainHeader{
		float:left;
		clear:both;
		width:100%;
	}
	#mainHeaderPage{
		float:left;
		clear:both;
		width:100%;
	}
	#mainHeaderLogo{
		float:left;
		clear:both;
		width:100%;
		text-align:center;
		padding:15px 0 10px;
	}
	#mainHeaderLogo img{
		display:inline-block;
		height:40px;
	}

	#mainHeaderSession{
		float:left;
		clear:both;
		width:100%;
		line-height:50px;
		text-align:center;
	}
	#mainNav{
		float:left;
		clear:both;
		width:100%;
		background:#d2d2d2;
	}

	#menuRightHeader{
		float:left;
		clear:both;
		width:100%;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
	}
	#menuRightHeader a{
		color:#222;
		padding:0 14px;
		display:inline-block;
		text-decoration:none;
	}
	#menuRightHeader a:hover{
		background:#f0f0f0;
	}
	#menuRightHeader a:active{
		background:#e5e5e5;
	}

	#session_cnx,#session_pan{
		display:none;
	}

	.panel{
		float:left;
		clear:both;
		width:100%;
		border-bottom:1px solid #ddd;
		margin-bottom:15px;
	}
	.panel div{
		float:left;
		clear:both;
		width:100%;
	}
	.panel div a{
		display:block;
		text-align:center;
		padding:10px 15px;
		color:#333;
		font-size:16px;
        text-decoration:none;
        border-radius:4px;
	}
	.panel div a:active{
        background:#F07F22;
        color:#fff;
	}
	.panel div a.panel_on{
		display:block;
		background:#0c518a;
        color:#fff;
        border-radius:4px;
	}
	.panelData{
		float:left;
		clear:both;
        width:100%;
        padding:10px 0 0;
	}

	.blockSite{
		float:left;
		clear:both;
        width:100%;
        padding:20px;
	}
	.blockSiteSim{
		float:left;
		clear:both;
		width:100%;
	}

	.blockSiteTop{
		margin:0;
		float:left;
		clear:both;
		width:100%;
    }
    
	.blockSite800{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	.textAc{
		font-size:24px;
		line-height: 34px;
		text-align:center;
	}

	.blockSiteCmt{
		margin:20px auto;
        float:left;
		clear:both;
		width:100%;
        text-align: center;
	}
	.blockSiteVideo{
		margin:30px auto;
        float:left;
		clear:both;
		width:100%;
        text-align: center;
    }

    #apropos{
        background:#0692C6;
    }
    #apropos .blockSite{
        text-align: center;
    }
    #apropos h1, #apropos p{
        color:#fff;
	}
	
	.blockSite100{
		float:left;
		clear:both;
		width:100%;
	}

	#flexTop{
		float:left;
		clear:both;
		width:100%;
	}
	#flexTop div#flexTopLeft{
		float:left;
		clear:both;
		width:100%;
	}
	#flexTop div#flexTopRight{
		display:none;
	}
	#flexTop div#flexTopSep{
		display:none;
	}

	#flexHalf{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#flexHalfLeft{
		float:left;
		clear:both;
		width:100%;
	}
	#flexHalfRight{
		float:left;
		clear:both;
		width:100%;
	}

	#flex13{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#flex13Left{
		float:left;
		clear:both;
		width:100%;
	}
	#flex13Right{
		float:left;
		clear:both;
		width:100%;
	}

	#pageHalf{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#page100{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}

	.pageCenter{
		float:left;
		clear:both;
		width:100%;
		padding:20px 20px;
	}

	/*Box Trans*/
	#boxTransFolder{
		position:fixed;
		display:none;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#000;
		filter:opacity(60);
		-moz-opacity:0.6;
		opacity: 0.6;
		z-index:100;
	}
	.boxDiap{
		background:#000;
		border-radius:0px;
	}
	.boxDiapNo{
		border-radius:5px;
		background:#fff;
	}
	#boxTransChild{
		position:fixed;
		display:none;
		max-width:100%;
		z-index:110;
	}
	#boxTransChildIn{
		float:left;
		clear:both;
		width:100%;
	}
	#boxTransTitle{
		font-size:24px;
		padding:15px 20px 14px;
		color:#0072C6;
	}
	#boxTransData{
		padding:0 20px 20px;
		color:#333;
	}
	.boxButtons{
		float:left;
		clear:both;
		width:100%;
		margin-top:20px;
		text-align:right;
	}
	/****/

	#topMobile{
		display:flex;
		flex:1;
		background:#fff;
		line-height:56px;
		height:56px;
        border-bottom:1px solid #e5e5e5;	
	}
	#topMobile > div.mobMenu{
		width:56px;
		text-align: left;
	}
	#topMobile > div.mobMenu2{
		width:120px;
		text-align: right;
		padding:8px;
	}
	#topMobile > div.mobLogo{
		flex:auto;
	}
	#topMobile > div.mobLogo img{
		height:40px;
		margin:8px 0 0;
	}

	/****/
	#menuMobile{
		float:left;
		clear:both;
		width:100%;
		z-index:100;
		position:relative;
	}
	#menuMobile ul, #menuMobile li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		position:relative;
		line-height:56px;
	}
	#menuMobile ul li > ul{
		display: none;
		position:absolute;
		float:left;
		clear:both;
		width:200px;
		background:#0F74BA;
	}
	#menuMobile ul li{
		float:left;
		width:100%;
	}
	#menuMobile ul li a{
		display:inline-block;
		padding:0 15px;
	}
	#menuMobile ul li a:active{
		background:#ddd;
	}
	#menuMobile ul li{
		position:relative;
	}
	#menuMobile ul li#logoHref img{
		display:block;
		padding:0;
		height:40px;
		margin:8px 0 0;
	}	
	#menuMobile ul li > ul li a{
		display:block;
		text-align:left;
		color:#fff;
	}
	#menuMobile ul li > ul li a:active{
		background:#222;
	}
    
    .ico_mobile_menu{
        background:url(../images/ico_mobile.png) no-repeat center;
		background-size:50%;
    }

	.icoBox56{
		float:left;
		width:56px;
		height:56px;
		cursor:pointer;
	}

    #logo{
        display:block;
        width:187px;
        height:auto;
        background:url() no-repeat center;
        background-size: 100%;
    }
    #logoImmob{
        display:block;
        width:187px;
        height:56px;
        background:url(../images/logo_immob.png) no-repeat center;
        background-size: 100%;
    }
	/****/

	#qSearch{
		display:block;
		width:100%;
		padding:10px;
		background:none;
		border:0;
		color:#444;
	}
	#qSearchMobileBlock{
		float:left;
		clear:both;
		width:100%;
		padding:0 10px;
        background:#f0f0f0;
        border-top:1px solid #e5e5e5;
		display:none;
	}
	#qSearchMobileBlock #qSearchMobile{
		width:100%;
		background:none;
		border:0;
		color:#444;
		font-size:16px;
	}
	
	.ico_mobile_user{
		background:url(../images/ico_mobile_user.png) no-repeat center;
		padding:10px 10px;
	}
	.ico_mobile_panier{
		background:url(../images/ico_mobile_panier.png) no-repeat center;
		padding:10px 10px;
	}
	.ico_mobile_search{
        background:url(../images/ico_search_site.png) no-repeat center;
        background-size: 20px 20px;
		padding:10px 10px;
	}

	#qSearchSite, #blockTopRight, #blockTopLogo{
		display:none;
    }
    
    #blockVideoPlay{
        margin:20px 0 0;background:#000;
        width:100%;
        height:380px;
    }
    
    #blockTopLogo{
        float:left;
        clear:both;
        width:100%;
        text-align: center;
        padding:10px 0;
    }

    #blockTopMenu{
        float:left;
        clear:both;
        width:100%;
    }
    #blockTopRight{
        float:left;
        clear:both;
        width:100%;
        height:auto;
        text-align:center;
        padding:10px 0;
        border-bottom:1px solid #ddd;
        background:#f0f0f0;
    }

    .siteFolder{
		display:grid;
		grid-template-columns: auto auto;
	}
	.siteItem{
		float:left;
		width:330px;
		margin:10px;
		border-radius:10px;
		overflow:hidden;
		position:relative;
	}
	.siteItem .siteTitle{
		display:block;
		height:50px;
		line-height:50px;
		width:100%;
		color:#fff;
		text-align:center;
	}
	.sitePhoto{
		display:block;
		position:relative;
	}
	.sitePhoto img{
		display:block;
		border-radius:10px;
		max-width: 100%;
	}
	.siteTitle{
		display:block;
		font-size:18px;
		color:#000;
		font-weight: bold;
		padding:3px 0;
	}

	/******/
	.opFolder{
		display:grid;
		grid-template-columns: auto auto;
	}
	.opItem{
		float:left;
		width:320px;
		margin:10px;
		border:1px solid #ddd;
		border-radius:8px;
		overflow:hidden;
	}
	.opPhoto{
		display:block;
		min-height:200px;
		background:#222;
	}
	.opPhoto img{
		display:block;
		width:100%;
	}
	.opDetails{
		display:block;
		height:120px;
		padding:15px 15px;
	}
	.opTitle{
		display:block;
		font-size:18px;
		color:#000;
		font-weight: bold;
		padding:3px 0;
	}
	.opLieu{
		display:block;
		font-size:14px;
		color:#0f74ba;
		font-size:14px;
	}

	.opDis{
		float:left;
        clear:both;
        width:100%;
		display:block;
		text-align:center;
	}
	.opDisTitle{
		display:block;
		margin:0 0 20px;
	}
	.opDisDetails{
		display:block;
		text-align:left;
	}
	.opDisDetails div{
		text-align:left;
		padding:6px 0;
		border-top:1px solid #e5e5e5;
	}
	.opDis h1{
		color:#000;
		font-weight: bold;
		margin-bottom:5px;
	}
	.opDis h2{
		color:#50be2f;
	}

	#banSlider{
        float:left;
        clear:both;
        width:100%;
        height:320px;
	}

	.prixTab table.onGrid{
		width:800px;
	}
}

@media(max-width:480px){
	#banSlider{
        float:left;
        clear:both;
        width:100%;
        height:280px;
	}

    .siteFolder{
		display:block;
		width:100%;
	}
	.siteItem{
		float:left;
		width:100%;
		margin:0 0 15px;
		border-radius:10px;
		overflow:hidden;
		position:relative;
	}
	.siteItem .siteTitle{
		display:block;
		height:50px;
		line-height:50px;
		width:100%;
		font-weight: bold;
		color:#fff;
		text-align:center;
	}
	.sitePhoto{
		display:block;
		position:relative;
	}
	.sitePhoto img{
		display:block;
		border-radius:10px;
		max-width: 100%;
	}
	.siteTitle{
		display:block;
		font-size:18px;
		color:#000;
		font-weight: bold;
		padding:3px 0;
	}
	
	.opDis{
		float:left;
        clear:both;
        width:100%;
		display:block;
		text-align:center;
	}
	.opDisTitle{
		display:block;
		margin:0 0 20px;
	}
	.opDisDetails{
		display:block;
		text-align:left;
	}
	.opDisDetails div{
		text-align:left;
		padding:6px 0;
		border-top:1px solid #e5e5e5;
	}
	.opDis h1{
		color:#000;
		font-weight: bold;
		margin-bottom:5px;
	}
	.opDis h2{
		color:#50be2f;
	}

	.blockCenter{
		display:block;
		margin:0;
	}
}