@media only screen and (min-device-width :320px) and (max-device-width :768px) {
	/*------------------------------------------*/
	/*                CONTACT
	/*------------------------------------------*/
	.contact-centre {
		position: relative;
		margin: 0 auto;
		width: 300px;
	}
	.contact-centre .haut {
		background-image:url(/images/mobile-before.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 179px;
		position: relative;
    	top: 1px;
	}
	.contact-centre .centre {
		background-image:url(/images/letter_bg.png);
		width: 300px;
		height: 230px;
	    position: relative;
	    top: -70px;
	}
	.contact-centre .bas {
		background-image:url(/images/mobile-after.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 179px;
		position: relative;
    	top: -145px;
	}
	.contact-centre .contenu {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.contact-centre .contenu h2 {
		background-image: url(/images/bois-bleu.png);
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.contact-centre .contenu p {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only screen and (orientation:landscape) and (min-width:360px) and (max-width:640px) {
	/*------------------------------------------*/
	/*                CONTACT
	/*------------------------------------------*/
	.contact-centre {
		position: relative;
		margin: 0 auto;
		width: 300px;
	}
	.contact-centre .haut {
		background-image:url(/images/mobile-before.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 179px;
		position: relative;
    	top: 1px;
	}
	.contact-centre .centre {
		background-image:url(/images/letter_bg.png);
		width: 300px;
		height: 230px;
	    position: relative;
	    top: -70px;
	}
	.contact-centre .bas {
		background-image:url(/images/mobile-after.png);
		background-repeat: no-repeat;
		width: 300px;
		height: 179px;
		position: relative;
    	top: -145px;
	}
	.contact-centre .contenu {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	.contact-centre .contenu h2 {
		background-image: url(/images/bois-bleu.png);
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.contact-centre .contenu p {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only screen and (min-width: 641px) {
	/*------------------------------------------*/
	/*                CONTACT
	/*------------------------------------------*/
	.contact-centre {
		position: relative;
		margin: 0 auto;
		width: 520px;
	}
	.contact-centre .haut {
		background-image:url(/images/before.png);
		background-repeat: no-repeat;
		width: 520px;
		height: 260px;
		position: relative;
    	top: 1px;
	}
	.contact-centre .centre {
		background-image:url(/images/letter_bg.png);
		width: 520px;
		height: 260px;
	    position: relative;
	    top: -70px;
	}
	.contact-centre .bas {
		background-image:url(/images/after.png);
		background-repeat: no-repeat;
		width: 520px;
		height: 260px;
		position: relative;
    	top: -210px;
	}
	.contact-centre .contenu {
		width: 520px;
		margin: 0 auto;
		text-align: center;
	}
	.contact-centre .contenu h2 {
		background-image: url(/images/bois-bleu.png);
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.contact-centre .contenu p {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media only screen and (orientation:landscape) and (min-width:801px) {
	.contact-centre .contenu h2 {
		
	}
	.contact-centre {
		position: relative;
		 
		width: 520px;
	}
	body {
		/*background-image: url(/images/formulairedecontact.jpg);*/
	}
}