#menu_responsive {
  display: none;
  width: 100%;
}

@media screen and (max-width: 640px){
  
  body {
    -webkit-text-size-adjust: 100%;
  }
  #wrapper {
    margin: 0;
    width: 100%;
  }
  header {
    margin-left: 0;
    text-align: center;
    width: 100%;
  }
  #top {
    display: none;
  }
  header img#logo {
    height: 82px;
    margin-bottom: 20px;
    margin-left: 0;
    width: 145px;
  }
  header #ad_mobile {
    display: block;
  }
  #menu {
    display: none;
  }
  #menu_responsive {
    background-color: #e4d4b6;
    color: #000;
    display: block;
    font-family: 'Block Regular';
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 20px;
  }


  /* ==========================================================================
    Main - Home Boxes
  ========================================================================== */

  #wrapper #main {
    width: 100%;
	float:none;
  }
  #wrapper #main .box,
  #wrapper #main .home_box {
    margin: 0;
    width: 100%;
  }
  #wrapper #main .box h1,
  #wrapper #main .home_box h1 {
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-indent: 0;
    width: 100%;
  }
  #wrapper #main .box .inside,
  #wrapper #main .home_box .inside {
    border: 0;
    width: 100%;
  }
  #wrapper #main .home_box div#home_slide {
    margin: 0;
  }
  #wrapper #main .home_box div#home_slide div.back,
  #wrapper #main .home_box div#home_slide div.front {
    height: 80px;
    margin-left: 0;
    margin-top: 160px;
    padding: 0;
    width: 100%;
  }
  #wrapper #main .home_box div#home_slide div.front h2 {
    font-size: 26px;
    padding: 10px;
}
  #wrapper #main .home_box div#home_slide .labels img {
    height: 40px;
    margin: 5px;
    width: 40px;
  }
  #wrapper #main .home_box div#home_slide ul li div.image {
    height: 240px;
  }
  #wrapper #main .home_box div#home_slide .dots {
    display: none;
  }
  #wrapper #main .home_box span.image {
    margin: 0;
    width: 50%;
  }
  #wrapper #main .home_box .block {
    margin: 0;
    padding: 10px;
    width: 50%;
  }
  #wrapper #main .home_box .block_full {
    margin: 0;
    width: 100%;
  }
  #wrapper #main .home_box .block_full div {
    height: 220px;
    padding: 10px;
  }
  #wrapper #main .home_box .block_full div h2 {
    font-size: 26px;
  }
  #wrapper #main .home_box .block_full span.bis {
    margin: 0;
  }
  #wrapper #main .home_box .block_full span.image {
    background-position: center center;
    margin: 0;
    width: 50%;
  }
  #wrapper #main .home_box.last ul {
    border: 0;
    width: 100%;
  }
  #wrapper #main .home_box.last ul li {
    height: 160px;
    margin: 0;
    padding: 10px;
    width: 50%;
  }

  /* ==========================================================================
    Main - Section Boxes
  ========================================================================== */

  #wrapper #main .box .inside {
    padding: 0;
  }
  #wrapper #main .box .inside article {
    margin-bottom: 0;
    margin-top: 10px;
   
    /*width: auto;*/
  }
  #wrapper #main .box .inside article h3 {
    display: none;
  }
  #wrapper #main .box .inside article h2 {
    font-size: 21px;
  }
  #wrapper #main .box .inside article .block {
    /*display: none;*/
    width: 100%;
  }
  #wrapper #main .box .inside article .labels {
    margin: 0;
  }


  /* ==========================================================================
    Main - Post Boxes
  ========================================================================== */

  #wrapper #main .post_box {
    margin-bottom: 0;
  }
  #wrapper #main .post_box .inside article p.date {
    text-align: right;
  }
  #wrapper #main .post_box h3 {
    width: 100%;
  }
  #wrapper #main .post_box .inside {
    border: 0;
  }
  
  #wrapper #main .post_box .inside article .block,
  #wrapper #main .post_box .inside article .block p {
    font-size: 18px;
  }
  #wrapper #main .post_box .inside article .block p.author {
    margin-left: 0;
    text-align: center;
  }
  #wrapper #main .post_box .inside article .block img {
    float: none;
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  #wrapper #main .post_box .inside article .block img.nextptdx {
    float: right;
    margin: 0;
    margin-bottom: 10px;
    width: 30%;
  }
  #wrapper #main .post_box .inside article .block img.nextpt {
    float: left;
    margin: 0;
    margin-bottom: 10px;
    width: 30%;
    padding-right: 3px;
  }
  #wrapper #main .post_box .inside article .infos .block {
    height: auto;
  }
  #wrapper #main .post_box .inside article .infos .membres {
    width: 95%;
}
  #wrapper #main .post_box .inside article .infos .geocrazy {
    display: none;
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }
  #wrapper #main .post_box .inside article .infos .geocrazy img {
    height: 200px;
    min-height: 0;
    width: 200px;
  }
  #wrapper #main .post_box .inside .ad {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  #wrapper #main .post_box .inside .footer p img {
    margin-left: 20px;
  }
  #wrapper #main .post_box .inside .footer .share {
    display: none;
  }
  #wrapper #main .post_box .inside .fb-comments {
    width: 100%;
  }
#wrapper #main .box .inside article .block .prat {
  font-size: 13px;
  font-style:italic;
  width: 100%;
  }
  aside {
	  clear:both;
    display: block;
	float:none;
	width:100%;
	padding-top:30px;
  }

  footer {
    display: none;
  }
  div.hidden_smart{
	  display:none;
  }
  /* Page d'accueil */
	aside .box_home.first{
	display:none;
	}
	aside .box_home{
		width:100%;
	}
	aside a.section span{
		width:auto;
	}
	aside .box_home .inside{
		width:calc(100% - 10px);
	}
	aside .box_home .inside .line{
		width:calc(100% - 6px);
	}
	aside .box_home .inside .line h2{
		width:100%;
	}
	aside .box_home .inside .line span.image{
		width:50%;
	}
	aside .box_home .inside .line .block{
		width: calc(50% - 19px);
	}
	aside .box_home .inside .line .block_full{
		width: calc(100% - 14px);
	}
	aside .box_home .inside .line .block_full h3{
		width:100%;
	}
	aside .box_home .inside .line div.video{
		width:100%;
	}
	aside .box_home .inside .line div.video span{
		width:100%;
	}
	aside .box_home .inside .line div.video span img{
		margin-left:calc(50% - 24px);
		
	}
	header #top form#top_search input{
		width:121px;
	}
	header #top form#top_search{
		width:147px;
		margin-bottom:5px;
	}
	header #top a.newsletter{
		margin-right:0;
	}
	span#block_rs{
		display: block;
		float: right;
		clear: right;
	}
	header #top a.newsletter{
		clear:right;
		margin-top:5px;
	}
	header #top{
		margin-top: 10px;
		display:block;
	}
	header #top img{
		margin-right:0;
		margin-left:5px;
	}
	aside form.search{
		display:none;
	}
	div#bottom{
		display:none;
	}
	#wrapper #main .box .inside article{
		width:calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	aside .box{
		width:100%;
	}
	aside .box .inside{
		    width: calc(100% - 30px);
	}
	aside .box.plus .inside div, aside .box.plus .inside img{
		width: calc(50% - 5px);
	}
	aside .selected{
		width:calc(100% - 20px);
	}
	aside .categories{
		width:calc(100% - 20px);
	}
	aside .categories ul{
		width:auto;
	}
	aside .categories ul li{
		width:auto;
	}
	#wrapper #main .post_box .inside article h1{
		font-size: 30px;
	}
	#wrapper #main .post_box .inside{
		max-width:calc(100% - 20px);
	}
	.button{
		padding:10px;
		max-width:calc(100% - 20px);
	}
	#wrapper #main .post_box .inside article .block img{
		max-width: 100%;
	}
	header img#logo{
		margin-top:10px;
		margin-bottom:10px;
	}
	header #top #ad{
		display:none;
	}
}