/*Mobile*/
@media(max-width:768px){
	.responsive{
        position:relative;
        top:0;
        left:0;
        width:100%;
        z-index: 100;
		display:block;
	}
    .responsive > .content{
		display:flex;
        gap:16px;
        height:60px;
        background:#fff;
        padding:0 12px;
        box-shadow: #666 0 0 6px;
	}
    .responsive > .content > .section{
		flex:0 1 1;
        display:flex;
        align-items: center;
        gap:4px;
	}
    .responsive > .content > .logo-resp {
		flex:1;
        display:flex;
        align-items: center;
        justify-content: center;
	}
    .responsive > .content > .logo-resp a img{
		display:block;
        max-height:54px;
	}

    .page-wrapper .page-header .span-logo,
    .page-wrapper .page-header .span-buttons{
        display:none;
    }

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

	/*MneuHeadTop*/
	#menu_head{
		float:left;
		clear:both;
        width:100%;
        background:var(--color1);
        display:none;
	}

	.toLeft{
		float:none;
	}
	.toRight{
		float:none;
	}
	.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;
	}
	
	.blockSite100{
		float:left;
		clear:both;
		width:100%;
	}

	/*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;
	}
	/****/

	.menuBar{
		float:left;
		clear:both;
		width:100%;
		background:#222;
		height:40px;
	}
	.menuBarIn{
		float:left;
		clear:both;
		width:100%;
		line-height:40px;
		font-size:14px;
		color:#fff;
		padding:0 20px;
	}
	.menuBarIn a{
		display:inline-block;
		padding:0 10px;
		color:#fff;
	}
	.menuBarInText{
		color:#f3d617;
		font-weight:bold;
	}

	/****/
	#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{
		display:block;
		padding: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;
		padding:10px 10px;
    }

    #logo{
        display:block;
        width:56px;
        height:56px;
        background:url(../images/logo.png) no-repeat center;
        background-size: 90%;
    }
    #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;
    }

    #articleTitreMobile{
		display:block;
	}

	/*Grid list*/
	.partList{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.partList a{
		text-decoration:none;
	}
	.partList .gridItem{
		border-radius:6px;
		background:#fff;
		overflow: hidden;
	}
	.partList .gridItem:hover{
		background:#f1e48c;
	}

	.servicesList{
		display: grid;
		width:100%;
		grid-template-columns: auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.servicesList a{
		text-decoration:none;
	}
	.servicesList .gridItem{
		border-radius:6px;
		background:#0096A0;
		overflow: hidden;
		padding:0 0 20px;
	}
	.servicesList .gridItem:hover{
		background:#027c85;
	}
	.servicesList .gridItem .gridThumb{
		width:100%;
		padding:15px 0 0;
	}
	.servicesList .gridItem .gridThumb img{
		display:inline-block;
		width:auto;
		height:70px;
	}

	.contactsList{
		display: grid;
		width:100%;
		grid-template-columns: auto auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.contactsList a{
		text-decoration:none;
	}
	.contactsList .gridItem{
		border-radius:6px;
		background:#fff;
		overflow: hidden;
		padding:0 0 20px;
	}
	.contactsList .gridItem:hover{
		background:#eee;
	}
	.contactsList .gridItem .gridTitle{
		font-size: 14px;
		font-weight:bold;
	}
	.contactsList .gridItem .gridThumb img{
		display:inline-block;
		width:auto;
		height:70px;
	}

	.annoncesList{
		float:left;
		clear: both;
		width: 100%;
	}
	.annoncesList hr{
		width:100%;
		height:1px;
		border:0;
		background:#e5e5e5;
		margin:15px 0;
	}

	.annoncesItem{
		display:flex;
		width:100%;
	}
	.annoncesItem .photo{
		width:200px;
	}
	.annoncesItem .photo img{
		max-width:100%;
		display:block;
	}
	.annoncesItem .details{
		width:100%;
		padding:0 0 0 15px;
	}
	.annoncesItem .details .detailsItem{
		display:block;
		padding:3px 0;
	}

	#banSlider{
        width:100%;
        height:340px;
	}

	.sliderTextBox{
		position:absolute;
		margin:0 auto;
		max-width:100%;
		left:0;
		right:0;
		bottom:60px;
		text-align:left;
	}
	.sliderText{
		float:left;
		width:100%;
		text-align: center;
	}
	.sliderTextTitle{
		font-size:24px;
		text-shadow:0px 0px 10px #000;
	}
	.sliderTextCom{
		font-size:20px;
		line-height:30px;
	}
	.sliderTextCom span{
		background:rgb(0,0,0);
		background: rgba(0,0,0,0.6);
		color:#fff;
	}

	.photoText{
		float:left;
		margin:0 30px 0 0;
	}
	.photoTextRight{
		float:right;
		margin:0 0 0 30px;
		width:400px;
	}
	.photoText img, .photoTextRight img{
		display: block;
		max-width: 100%;
	}

	.blockFlex{
		float:left;
		clear:both;
		width:100%;
		padding:20px 0;
		border-bottom:1px solid #ddd;
	}
	.blockSite .blockFlex h2 {
		text-align:left;
		margin:0 0 10px;
		text-shadow: 0px 1px 0px #fff;
	}

	.flex100, .flexPageLeft, .flexPageRight{
		float:left;
        clear:both;
		width:100%;
	}
	.flexPageLeft, .flexPageRight{
		padding:0 0 20px;
	}

	.flexPageLeft img, .flexPageRight img{
		max-width:100%;
	}

	#diapGal .swiper-slide img{
		width:100%;
	}
}

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

	.sliderTextBox{
		position:absolute;
		margin:0 auto;
		max-width:100%;
		left:0;
		right:0;
		bottom:50px;
		text-align:left;
	}
	.sliderText{
		float:left;
		width:100%;
		text-align: center;
	}
	.sliderTextTitle{
		font-size:24px;
		text-shadow:0px 0px 10px #000;
	}
	.sliderTextCom{
		font-size:24px;
		line-height:24px;
	}
	.sliderTextCom span{
		background:rgb(0,0,0);
		background: rgba(0,0,0,0.6);
		color:#fff;
	}

    .partList{
		grid-template-columns: auto;
	}
	.servicesList{
		grid-template-columns: auto;
	}

	.contactsList{
		grid-template-columns: auto;
	}

	footer{
		float:left;
		clear:both;
		width:100%;
		font-size:14px;
		bottom:0;
		background:#0096A0;
		color:#ddd;
		padding:30px 0 0;
	}

	.footerList{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
		margin:0 0 20px;
	}
	.footerList a{
		text-decoration:none;
	}
	.footerList .gridItem{
		padding:0 20px;
	}
	.footerList .gridItem .gridTitle{
		font-size:24px;
		text-align:left;
		padding:0 0 10px;
	}
	.footerList .gridItem .gridText{
		text-align:left;
		padding:0;
		color:#fff;
	}
	.footerList .gridItem a{
		display:block;
		color:#fff;
		padding:3px 0;
	}
	.footerList .gridItem a:hover{
		text-decoration:underline;
	}
	.footerCopy{
		float:left;
		clear:both;
		width:100%;
		background:#111;
		height:auto;
		line-height:22px;
	}
	.footerCopy .blockSiteCenter{
		text-align:center;
		color:#ddd;
		font-size:14px;
		padding:20px 20px;
	}
}