@media all and (max-width: 830px) 
{
	  #footer {
		/* Move all the children of #main down to make room. */
		text-align:center;
	  }
	  #block-block-14
	  {
		  display:none;
	  }
	  #footer .block 
	  {
		display: block;
		font-size: 14px;
		line-height: 1.2em;
		color: #fff;
		float: none;
		text-align: center;
		/* margin: 0; */
     }
	 #block-block-7
	 {
		   margin:0;
	 }
	 #block-menu-block-1
	 {
		 background: url(../images/mobile.png) no-repeat right;
		padding-top: 50px;
		background-size: 80px;
		position: absolute;
		top: 0;
		right: 0px;
	}
     
	 #block-menu-block-1 ul.menu
	 {
		    
			right: -100%;
			position: absolute;
			transition: right ease 0.5s;
			background: #192f59;
			top: 77px;
			border-top: 1px solid white;
			font-size: 20px;
			padding: 30px;
     }
	 #block-menu-block-1 ul.menu li
	 {
		display:block;
     }
	 #block-menu-block-1:hover ul.menu
	 {
		right:0;
		transition:right ease 0.5s;
     }
	 #block-menu-block-1:hover ul.menu li
	 {
		display:block;
		position:static;
     }
	 #block-menu-block-1 ul.menu li ul.menu
	 {
		position: static;
		display: block;
		min-width: 0;
		left: 0;
		transform: none;
		height: auto;
		border: none;
		font-size:18px;
		padding: 10px;
	 }
	 #block-menu-block-1 ul.menu li ul.menu li
	 {
		border: none;
		font-size:18px;
		font-weight:normal;
	 }
	 #header {
    	padding: 15px 20px;
	 }
	 #main, #page {
    	margin-top: 77px;
	}
	#block-block-6 {
		margin: auto;
		width: 70%;
	}
	
	
}
@media all and (max-width: 660px) 
{
	    .node-1 ul li,
		#block-block-5 li,
		.page-node-2 .node-2 .field-item div,
		.page-node-2 .node-2 .field-item .left,
		.view-projets.view-display-id-page_1 .views-row,
		.page-node-149 .field-item ul
		{
			margin:0 auto 20px;
			display:block;
			float:none;
		}
		.view-projets.view-display-id-page_1 .views-row
		{
			max-width:185px;
		}
		.node-1 ul li:nth-child(odd) {
		 	margin-right: auto;
		}
		#block-block-3 div
		{
			display: block;
    		margin: auto;
	
		}
		#block-block-4 h2,
		#block-block-2 h2
		{
			padding:30px;
		}
		#block-block-5 li:nth-child(odd) {
			padding-right: 0px;
		}
		#block-block-5 > p
		{
			margin-top:30px;
		}
		#block-block-8 p {
			margin: 20px !important;
			display:block !important;
			position:static  !important;
		}
		.view-projets .views-exposed-form
		{
			display:none;
		}
		.view-projets.view-display-id-page .view-content,
		.page-node-149 .field-item ul li
		{
			float:none;
			margin:auto;	
		}
		#block-views-projets-block-1 .views-row, #block-views-projets-block-2 .views-row
		{
			float:none;
			margin:10px auto;
		}
		.node-projet 
		{
			background:none;
		}
		.node-projet .field-name-field-emplacement, .node-projet .field-name-field-classeenergetique, .node-projet .field-name-field-architecte, .node-projet .field-name-field-date-de-commence, .node-projet .field-name-field-date-de-finir, .node-projet .field-name-field-unit-s, .node-projet .field-name-field-pdf
		{
			margin:auto;
		}
		.node-projet .field-name-body
		{
			margin:auto;
		}
		.node-projet  .geo
		{
			display:none;	
		}
		.not-front h1#page-title
		{
			line-height: 1.8em;
		}
		.page-node-2 .node-2 .field-item p,
		.page-node-149 .field-items .col,
		.page-node-163 article .field-item,
		.page-node-163 #block-block-10
		{
			max-width:300px;
			    -webkit-column-count: inherit;
			-moz-column-count: inherit;
			column-count:inherit;
		}
		.page-node-2 .field-items h3, .page-node-2 .field-items h4,
		.page-node-149 .field-items h3,
		.page-node-149 .field-item > p:first-of-type
		{
			padding:20px;
		}
		.page-node-163 article .field-item
		{
			margin:auto;
		}
		.node-webform input.form-text {
			width: auto;
			max-width: 100%;
			margin:0;
		}
		.node-webform label, #email-contact-mail-page-form label {
			width: auto;
			text-align: left;
			float: none;
			padding-top: 6px;
			margin-right: 0;
			padding-bottom: 4px;
		}
		.webform-client-form
		{
			max-width:330px;
			margin:auto;
		}
		.webform-container-inline div.form-type-radio label
		{
			float:left;
		}
		#block-block-15 {
			max-width: 100%;
		}
		#edit-submitted-nr-de-soumission, #edit-submitted-corps-de-metier,
		#block-block-16
		{
			width:300px;
			max-width:100%;
		}
		#block-block-16 td, #block-block-16 tr
		{
			display:block;	
		}
		.page-node-147 article .field
		{
			width:100%;	
		}
		.page-node-147 article .field p {
			line-height: 1.5em;
			margin-left: 0px;
			padding-left: 0px;
			text-align:center;
		}
		.gmap-map
		{
			margin:auto;	
		}
}