/** ancien code **/


.mobile ul#mainNavFt {margin-top:-4px; margin-bottom:22px; width:100%; background: #3f3f3f;	margin-left: -20px; padding-left: 40px; padding-top: 15px; padding-bottom: 15px;}

.mobile ul#mainNavFt li {width:100%; margin-bottom:4px; margin-top:4px;}

.desktop ul#mainNavFt {display:none;}

.mobile div#ft div.cn .left {width:100%;}

.mobile .right ul#ftNav {display:none;}

.mobile ul#mainNavFt li a {color:#c4c4c4; padding-bottom:12px; text-decoration: none; }

.mobile ul#mainNavFt li ul {font-size:0.8em; /*margin-left:12px;*/}

.mobile .right {width:100%;}

.mobile #mobile-secnav li a {padding-left:40px;}

.mobile .right {margin-top:25px; margin-left:0px; margin-bottom:20px;}

.mobile div#bd div.c2 {margin-bottom:0px;}

.mobile address {padding-left:24px;}

.mobile div.c1 div#secNavCt {display:none;}

.mobile div#bd div.c3 {margin-left: -24px; margin-top: 0px;}

.mobile ul#mobileNav li a, .mobile #mobile-secnav li a {padding: 10px 20px;}

.mobile ul#mobileNav li.on a{
	color: #96b422;
}

.mobile form.kSiteForm label, .mobile fieldset div.container div {padding:0px !important;}

.mobile div#loginAndPowered {width:auto; margin-left:0px;}

.mobile div#copyright {padding-left:20px;}

/****/

.mobile #logomobile a{
	background-size: 210px auto;
}

/** New mobile **/

.mobile div#mobile-nav div#top-bar{
	background-color: #fff;
}

.mobile a#togglemenu{
	border: none;
}

.mobile div#bd_bg div.cn #content{
	padding-bottom:0;
}

.mobile #hd{
	display: block;
}

.mobile div.bandeau-top{
	display: none;
}

.mobile #hd div.cn{
	padding:0;
}

.mobile #image_header{
	margin-top: 0
}

.mobile #image_header div#image_container h2{
	left: 0;
	height: 56px;
	bottom: 0;

	display: none;
}

.mobile #image_header, .mobile #image_header .object img{
	height: 35vw;
	max-height: 220px;
}

.mobile #titleContent{
	width: 100%;
}

.mobile div#bd #introContent .cn .image.object img{
	height: 50vw;
}

.mobile #mobile-secnav a.showNav select{
	width: calc(100% - 20px);
	margin: 0 20px;
}

.home.mobile div#bd div#bd_bg #titleContent div.cn{
	padding-top: 0;
}

/* secnav mobile */

.mobile .cn.secNavContainer{
	display: none;
}

.mobile #mobile-secnav {
	margin: 0px 20px;
	position: relative;
	top: 20px;
	background-color: #96b422;
}

.mobile #mobile-secnav a.showNav{
	font-weight: 400;
}

/** titres mobile **/

.mobile #cn h1{
	padding: 0 20px;
	letter-spacing: 0;
	font-size: 2rem;
	line-height: 2.5rem;
}

.mobile #content .object h2{
	padding-top: 0;
}

/** general **/

.mobile #cn div#bd .object:not(.slick-slide){
	width: 100%!important;
}

.mobile #cn div#bd .standard.object.column_demi, .mobile div#ft .standard.object.column_demi{
	margin: 20px;
	max-width: calc(100% - 40px);
}

.mobile #cn div#bd .object .wrapimg img{
	height: 50vw;
	margin-bottom: 20px;
}

/*
.home.mobile #cn div#bd .object{
	margin: 30px 20px 0 20px;
	max-width: calc(100% - 40px);
}
*/

/** forms mobile **/

.mobile .c2 fieldset.textarea div.container > div{
	width: 100%!important;	
}

.mobile div#bd .kSiteForm fieldset{
	margin-right:0!important;
}

.mobile div#bd .kSiteForm div.buttons input#btSubmit, .mobile div#bd .kSiteForm div.buttons input#btSubmit:hover{
	border:none;
}


.mobile #content .form.object h2{
	padding-bottom: 0;
}

.home.mobile #cn div#bd .bloglist-container .item.blog .wrapobject{
	padding-top: 70px;
}

.home.mobile .bloglist-container .item.blog::after{
	font-size: 1rem;
    line-height: 1.5rem;	
}

/** footer mobile **/

.mobile div#ft{
	background-color: transparent;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.mobile div#ft .object, .mobile div#ft div.cn .object, .mobile div#ft div.cn img{
	float: left;
}

.mobile div#ft .cn div.right{
	margin-top: 30px;
}

/** rating module **/

.mobile #cn div#bd #kRatingModule{
	padding: 30px 20px;
	box-sizing: border-box;
}

.mobile #cn div#bd .object >div.kRatingColumn{
	padding:0;
}

/****/


@media only screen and (max-width: 1100px) {
	div.cn{
		width: 100%;
		box-sizing: border-box;
	}

	div#ft div.cn{
		padding: 34px 25px 33px 25px;
	}

	div#hd, div#ft{
		min-width: 0px;
	}

	#ft strong#logo_footer a{
		margin-left: 0;
	}

	div#ft div.cn .left{
		margin-top:80px;
	}

	#introContent{
		width: 100%; 
	}

	.right {
	    width: 100%;
	    float: right;
	    margin-top: 40px;
	}
}

@media only screen and (max-width: 600px) {
	.mobile #kamGallery ul img, div#bd div.c2 div.wrap #kamGallery ul img {width:auto; margin-right:0px; margin:0 auto;}
	iframe {width: 100%;}
	form.kSiteForm input.text, form.kSiteForm textarea, form.kSiteForm select {width:95%;}

	.mobile div#ft div.form_link a{
		float: none;
	}

	.mobile div#ft .object, .mobile div#ft div.cn .object, .mobile div#ft div.cn img{
		float: none;
	}
}
	
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .mobile #logomobile a{background-image: url(../img/logo_retina.png) ;background-size: 195px 18px;} /* logo mobile */
    .mobile a#kPowered {background: transparent url(../../../../standards/img/login_w_retina.png) -40px top no-repeat;background-size: 160px 14px;} /* logo mobile */
}

@media only screen and (max-width: 460px){
	.mobile div#bd #bd_bg .object .wrapimg{
		margin:0;
	}
}