/* mobile logo */

.mobile #logomobile a {
    padding: 0px 0 0 275px;
    margin-left: 20px;
    margin-top: 0px;
    height: 70px;
    background-size: auto 58px;
    background-position:left center;
}


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

/***/


body.mobile{
	text-align:left;
}

body.mobile #cn >div, body.mobile #cn .c1 >div, body.mobile #cn .c2 >div, body.mobile #cn .c3 >div, body.mobile #cn .c2 .wrap >div:not(.map){
	height:auto!important;
}


/*

.mobile #logomobile a {
    background: url(../logos/ewatra/logo.png) left center no-repeat;
    padding: 50px 0 0 195px;
    background-size: 190px auto;
}

.mobile #logomobile a {
    background: url(../logos/immis/logo.png) left center no-repeat;
    padding: 50px 0 0 195px;
    background-size: 190px auto;
}


.mobile #logomobile a {
    background: url(../logos/secomprendre/logo.png) left center no-repeat;
    padding: 50px 0 0 195px;
    background-size: 190px auto;
}

*/

/* mobileNav */

.mobile a#togglemenu{
	padding: 25px 20px;
	background-color:transparent;
	height: 20px;
	border-left:1px solid #fff;	
	color:#808080;
}

.mobile div#mobile-nav div#top-bar{
	height:70px;
	background-color:#d3d3d3;
}
	
.mobile ul#mobileNav{
	top: 70px;
	background-color:#fff;
	padding:0px;
	border-top:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
}

.mobile ul#mobileNav li a{
	color:#808080;
	padding: 14px 20px;
	border-top:1px solid #d3d3d3;
}

.mobile ul#mobileNav li.first a{
	border-top:none;
}

.mobile div#mobile-nav{
	padding:0;
}


/** Secnav mobile **/

.mobile #mobile-secnav{
	background-color:#808080;
}

.mobile #mobile-secnav a.showNav{
	color:#fff;
	padding:9px 20px;
}

.mobile #secNavCt{
	display:none;
}

/** hd **/

.mobile #hd strong#logo a{
	display: none;
}

.mobile #cn #topNav, .mobile #cn .topNav, .mobile #cn .annexe{
	display:none;
}

.mobile #hd{ display:none;}



/* mobile slider */

.mobile #cn .slider {
	display:block;
}

.mobile div.slider, .mobile div.slider #kSlider {
	left:0; 
	margin:0; 
	width:200px;
	height: 200px;
}


.mobile .slider .kSlider, .mobile .slider #kSlider{
	min-height:250px; 
	background-position:center top!important; 
	background-size:cover!important; 
	max-width:100%;
}

.mobile .nivo-directionNav{
	display:none!important;
}

/*

.home.mobile div:not(#bd) .slider{
	display:none;
}

*/

/** Bd **/


/* content paddings & margins */

.mobile div#cn{
	overflow:hidden;
	max-width:100%;
	width:auto;
}

.mobile div#bd div#bd_bg{
	background-image:none;
}

.mobile #cn div#bd div{
	padding:0px;
	max-width:100%;
	margin:0;
}

.mobile #cn div#bd div.mapContainer div{
	height: auto;
	max-width: none;
}

.mobile #cn div#bd .object {
	margin:0px; 
	padding:0px;
}

.mobile #cn div#bd .object >div{
	padding:20px;
	margin:0px!important;
	width:auto;
}

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

.mobile #cn div#bd .object .wrapimg img{
	margin:0px;
	max-width:100%;
	border-width:1px;
}

.mobile div#bd .image.object img, .mobile div#bd #bd_bg .image.object img{
	max-width:100%;
	height:auto;
	border-width:1px;
}

.mobile #cn div#bd div.c3{
	position:static;
	text-align:left;
}

.mobile #cn div#bd div.c3 .wrap{
	width:auto;
	padding:20px;
	background-image:none;
}

.mobile #cn div#bd div.c1 div.wrap{
	padding:20px;
	width:auto;
}

.mobile #cn div#bd div.c1 div.wrap >div{
	margin:20px 0px;
}


/** Btn **/

.mobile .container.buttons #btSubmit{
	height:auto!important;
}

/** galery **/

.mobile #kamGallery ul img, .mobile #kamGallery ul img{
	max-width:100%;
	height:auto;
}

.mobile #kamGallery{
	text-align:center;
}

.mobile #kamGallery ul img, .mobile div#bd div.c2 div.wrap #kamGallery ul img{
	margin:10px!important;
}

.mobile #kamGallery ul, .mobile div#bd div.c2 div.wrap #kamGallery ul{
	padding:0px 20px 20px 10px;
	overflow:hidden;
}


/** ft **/
	
.mobile div#ft{
	background-image:none;
	background-color: #808080;
	padding:30px 0px;
}

.mobile div#ft div:not(.clr), .mobile div#ft .cn div:not(.clr){
	float:none;
	text-align:left;
	margin:0 0 20px 0;
	width:auto;
	padding:0px;
	background:none;
	border:none;
}

.mobile div#ft div.cn{
	background:transparent;
	padding:0px 20px;
}

.mobile div#ft tr td{
	color:#fff;
}

.mobile div#ft .object, .mobile div#ft div.cn .object, .mobile div#ft div.cn img{
	margin:0px 20px 20px 0;
	color:#fff;
}

.mobile div#ft .object a{
	color:#fff;
	text-decoration:underline;
}

.mobile div#ft .object a:hover{
	color:#fff;
	text-decoration:none;
}

.mobile div#ft .cn .signature{
	text-align:left;
}

.mobile div#ft div#copyright {
    margin:10px 0 0 0;
	padding:0;
	color:#fff;
}

.mobile div#ft div#loginAndPowered{
	margin:0px;
	padding:0;
}

.mobile #ft #annexe, .mobile #ft .annexe{
	float:none;
	margin:none;
}


/** Titles **/
.mobile #cn h1, .mobile #cn h2, .mobile #cn h3{
	position:static;
}


.mobile #cn h1{
	width:auto;
	padding:20px;
	margin:0px;
}

.mobile #content .object h2{
	width:auto;
	padding:20px 0px 20px 0px;
	margin:0px;
}

/***/

@media only screen and (min-width: 400px){
	.mobile #logomobile a {
	    padding: 0px 0 0 275px;
	    background-position:left center;
	}
}

@media only screen and (min-width: 450px){
	.mobile #logomobile a {
	    padding: 0px 0 0 325px;
	    background-position:left center;
	}
}


@media only screen and (max-width: 400px){
	.mobile #logomobile a {
	    padding: 0px 0 0 220px;
	    background-position:left center;
	}
}

@media only screen and (max-width: 460px){
	.mobile div#bd #bd_bg .object .wrapimg{
	   width:auto;
	   display:block;
	   margin:0px 0px 10px 0px;
	   text-align:center;
	   
	}
	
	.mobile div#bd #bd_bg .object .wrapobject {
	   width:auto;
	   display:block;
	}
	
	.mobile #cn div#bd .object{
		width:auto;
		float:none;
	}
	
}