/*Mobile*/
@media(max-width:768px){
	.divForm div input[type=submit]{
		width:100%;
	}

	.sectionForm{
		float:left;
		clear:both;
		width:100%;
		position:relative;
	}
	.sectionForm h1{
		text-align:center;
		margin:0 0 20px;
	}
	.sectionForm section{
		position:relative;
		margin:5px 0;
	}
	.sectionForm section input[type='text'], .sectionForm section input[type='tel'], .sectionForm section input[type='password'], .sectionForm section input[type='submit']{
		width:100%;
	}
	.sectionForm section .sectionLabel{
		float:left;
		clear:both;
		width:100%;
		padding:8px 0;
		position:relative;
	}
	.sectionForm section .sectionLabelTop{
		float:left;
		clear:both;
		width:100%;
		padding:8px 0;
		vertical-align: top;
	}
	.sectionForm section.sectionRight{
		text-align:right;
	}
	.sectionForm section .sectionRightText{
		float:left;
		clear:both;
		width:100%;
		margin:8px 0 0;
		line-height:26px;
	}
	.sectionForm section .sectionBotText{
		position: relative;
		margin:8px 0;
	}
	.sectionForm section select, .sectionForm input[type='text'], .sectionForm input[type='password'], .sectionForm input[type='submit']{
		width:100%;
		outline: none;
		padding:10px 8px;
	}
	.sectionForm input[type='submit']{
		padding:16px 10px;
		background:#61A64D;
		color:#fff;
		font-size:14px;
	}
	.sectionForm input[type='submit']:active{
		background:#222;
	}

	.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*/
	#menuHeadFolder{
		position: absolute;
		float:left;
		clear:both;
		width:100%;
		height:auto;
		background:#222;
		display:none;
		top:50px;
		z-index:120;
	}
	#menuHead{
		float:left;
		clear:both;
        width:100%;
        background:#f3d617;
        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 #d3b910;
    }
	#menuHead ul li a{
		padding:15px 15px 16px;
		display:block;
		color:#222;
		font-size:24px;
		text-decoration:none;
		text-align:left;
		font-family:'DKMango';
	}
	#menuHead ul li a:active{
		background:#222;
	}
	#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:14px 15px 16px;
		font-size:16px;
		text-decoration: none;
		font-family:'Open Sans';
	}
    #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:#222;
		color:#fff;
	}
	#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;
	}
	/****/

	.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;
	}

	#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;
	}

	.catTitle{
		float:left;
		clear:both;
		width:100%;
		font-size:28px;
		color:#0072C6;
		font-family:'Bitter';
		text-align:center;
		padding:20px 0;
	}
	.catTitle span{
		padding:0 0;
	}

	.blockArticle{
		float:left;
		clear:both;
		width:100%;
	}
	.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-family:'Open Sans Light';
		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;
	}
	
	.blockSiteTextFull{
		float:left;
		clear:both;
		width:100%;
		line-height:26px;
		font-size:16px;
		text-align:center;
	}
	
	.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;
	}

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

	.footerList{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto 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;
	}

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

	#topMobile{
		float:left;
		clear:both;
		width:100%;
		background:#fff;
		border-bottom:1px solid #e5e5e5;
		color:#444;
		line-height:56px;
        text-align: center;	
	}

	/****/
	#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*/
	.prodList{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.prodList a{
		text-decoration:none;
	}
	.prodList .gridItem{
		border-radius:6px;
		background:#fff;
		overflow: hidden;
		border:1px solid #ddd;
	}
	.prodList .gridItem:hover{
		background:#f1e48c;
	}

	.expList{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.expList a{
		text-decoration:none;
	}
	.expList .gridItem{
		border-radius:6px;
		background:#fff;
		overflow: hidden;
		border:1px solid #ddd;
	}
	.expList .gridItem:hover{
		background:#f1e48c;
	}
	.expList .gridItem .gridText{
		text-align:center;
	}

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

	.atoutItem{
		display:table;
		height:80px;
	}
	.atoutIco{
		display: table-cell;
		width:80px;
		height:80px;
	}
	.atoutIco span{
		float:left;
		width:100%;
		height:100%;
		background-size: 80px 80px;
	}
	.atoutText{
		display: table-cell;
		vertical-align: middle;
		width:auto;
		height:80px;
		font-size:14px;
		padding:0 0 0 10px;
	}
	

	.atoutList2{
		display: inline-grid;
		width:100%;
		grid-template-columns: auto auto;
		grid-column-gap: 20px;
		row-gap: 20px;
		position:relative;
	}
	.atoutList2 a{
		text-decoration:none;
	}
	.atoutList2 .gridItem{
		border-radius:6px;
		background:#fff;
		overflow: hidden;
		padding:10px 20px;
	}
	.atoutList2 .gridItem .gridText{
		font-size:16px;
		text-align:left;
	}


	.atoutItem{
		display:table;
		height:80px;
	}
	.atoutIco{
		display: table-cell;
		width:80px;
		height:80px;
	}
	.atoutIco span{
		float:left;
		width:100%;
		height:100%;
		background-size: 80px 80px;
	}
	.atoutText{
		display: table-cell;
		vertical-align: middle;
		width:auto;
		height:80px;
		font-size:14px;
		padding:0 0 0 10px;
	}

	#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%;
	}
    
}

@media(max-width:480px){

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

	#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;
	}

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

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

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

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

	footer{
		float:left;
		clear:both;
		width:100%;
		font-size:14px;
		bottom:0;
		background:#222;
		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;
	}
}