@media only screen and (min-width:760px) and (max-width:1260px) {
	.global .content {
		width:95%;	
	}
	header[role="banner"] {
		width:95%;
	}
	ul {
		font-size:14px;	
	}
	.presentation{
		font-size:18px;	
	}
	.realisations h1{
		font-size:26px ;
	}
	.realisations article{
		background-position:0 20px;
		
	}
	.units-row .unit-25:first-child, .units-row .unit-25{
		margin: 10px !important;
		width: calc((100% / 2) - 20px)  !important;
	}
}


@media only screen and (max-width:760px) {
	div.logo{
		text-align:center;
		margin-bottom:0 !important ;
	}
	div.logo img{
		max-width:80%;	
	}
	.presentation{
		font-size:16px;	
	}
	.global .content {
		width:90%;	
	}
	.btn, .associes .btn, .publication .btn{
		width:inherit;
		float:none	!important;
	}
	
	.separationverticale{
		background:none;	
	}
	
	.associes article, .associes .right{
		text-align:center;	
	}
	.associes img, .associes .right img, .publication img, .book img{
		display:block;
		margin:0 auto 20px auto;
		float:none;
	}
	.associes h2{
		clear:both;
		margin-bottom:25px;
	}
	.realisations, .realisations h1, .publication h1, .publication h2, .book h1, .publication p, .agence h1, .contact h1{
		width:100%;
		text-align:center;	
	}
	h1.title{
		text-align:left;	
	}
	.book h1{
		margin-top:20px;	
	}
	.realisations article{
		background:none;
		
	}
	div.footer{
		text-align:center;	
	}
	.units-row .unit-25:first-child, .units-row .unit-25{
		margin: 10px !important;
		width: calc(100% - 20px)  !important;
	}
	.col1, .col2{
		display:none;	
	}
	.hideElem{
		display:none;	
	}
	.footer h3{
		float:left;
		width:100%;
		font-size:20px;
		font-weight:700;
		margin-top:20px;	
	}
	section.bloc-agence img{
		margin-top:5px;
		margin-bottom:0;
	}
	.agence .bloc-agence-image, .agence .bloc-images{
		text-align:center!important;
	}
	.agence .bloc-associes{
		text-align:center;	
	}
	.liste h1, .liste h2, .liste h3, .liste p{
		text-align:center;	
	}
	figure{
		text-align:center;	
	}
	
	.caption{
		padding: 15px 10px 10px 10px;
	}
	.caption .city{
		font-size:30px;	
	}
	.caption .city2{
		margin-top:5px;
		font-size:10px;
	}
	form .units-row{
		margin-bottom:0 !important ;
	}
	.contact form label{
		float:left;
		margin-top:10px;
		text-align:center;
		width:100%;
	}
	.contact .unit-50{
		margin:0;	
	}
	.btnEnvoi{
		margin-top:20px;
		width:100%;
	}
	.contact p, .contact h2{
		text-align:center;
		width:100%;
	}
	footer h3,footer p{
		text-align: center;
	}
	.btnfiltre{
		clear: both ;
	}
}