@media only screen and (min-width : 0px) and (max-width: 299px) {
	#menuOpen a{
		width: 55%;
	}
	
	.menuI {
		top: 12.5px;
		width: 40px;
		height: 40px;
	}
	
	#contM1,
	#contM2,
	#contM3,
	#contM4,
	#contM5 {
		width: 85%;
	}
	
	#contM1 span {
		font-size: 14px;
	}
	
	#prestaT span {
		font-size: 9vw;
	}
	
	.rond7 {
		top: -5vh;
		width: 45%;
	}
	
	.titreM5,
	.textAcc,
	.textAccContact {
		top: -70px;
	}
	
	.socPics {
		width: 80px;
		height: 80px;
	}
	
	.alignPics img {
		width: 70px;
		height: 70px;
	}
	
	button {
		font-size: 14px;
		margin: 0;
	}
	
	#td5 {
		font-size: 14px;
	}
	
	.form-control {
		font-size: 14px;
		margin: 5px 0 5px 0;
	}
	
	.champObli {
		font-size: 14px;
	}
	
	#contC9 p {
		font-size: 14px;
	}
	
	#contC8,
	#contC9,
	#contC10,
	#contC11 {
		padding: 0;
	}
	
	#tabMentions {
		font-size: 14px;
	}
	
	#contC11 a,
	#tabMentions a{
		font-size: 5vw;
	}
	
	#tabMentions td{
		padding: 0;
	}
}

@media only screen and (min-width : 300px) and (max-width: 767px) {
	#menuOpen a{
		width: 70%;
	}
	
	.menuI {
		top: 7.5px;
	}
	
	#contM1,
	#contM2,
	#contM3,
	#contM4,
	#contM5 {
		width: 90%;
	}
	
	#contM1 span {
		font-size: 20px;
	}
	
	#prestaT span {
		font-size: 24px;
	}
	
	.rond7 {
		top: -10vh;
		width: 40%;
	}
	
	.titreM5,
	.textAcc,
	.textAccContact {
		top: -100px;
	}
	
	.socPics {
		width: 100px;
		height: 100px;
	}
	
	.alignPics img {
		width: 94px;
		height: 94px;
	}
	
	button {
		font-size: 18px;
		margin: 5px;
	}
	
	#td5 {
		font-size: 22px;
	}
	
	.form-control {
		font-size: 16px;
		margin: 5px;
	}
	
	.champObli {
		font-size: 18px;
	}
	
	#contC9 p {
		font-size: 16px;
	}
	
	#contC8,
	#contC9,
	#contC10,
	#contC11 {
		padding: 10px;
	}
	
	#tabMentions {
		font-size: 16px;
	}
	
	#tabMentions td{
		padding: 10px;
	}
}

@media only screen and (max-width : 767px) {
	#decoC,
	#footerC,
	#contC1,
	#contC2,
	#contC3,
	#contC5,
	#partC,
	#contMenu,
	#contMenu2,
	#tabMentions2 {
		display: none;
	}
	
	#tabContact td {
		display: block;
	}
	
	#contC9,
	#contC8,
	#contC10,
	#contC11,
	#contC12,
	#partC,
	#partM {
		top: 70vw;
		width: 90%;
	}
	
	#contC12 {
		padding: 5px 0 5px 0;
	}
	
	#td5 {
		margin-top: 10px;
	}
}

@media only screen and (min-width : 768px) {
	header,
	#footerM,
	#decoM,
	#contM1,
	#contM2,
	#contM3,
	#contM4,
	#contM5,
	#partM,
	#tabMentions {
		display: none;
	}
	
	.reveal4 {
		left: 10px;
	}
	
	.alignPics img {
		width: 70px;
		height: 70px;
	}
	
	.socPics {
		width: 80px;
		height: 80px;
	}
	
	.alignDiv {
		left: 10px;
	}
	
	.alignDiv2 {
		top: 2vw;
		left: 50px;
	}
	
	#contMenu li,
	#contMenu2 li {
		padding: 10px 5px 10px 5px;
	}
	
	#contC9,
	#contC8,
	#contC10,
	#contC11,
	#contC12,
	#partC,
	#partM {
		top: 60vw;
		width: 80%;
		padding: 10px;
	}
	
	#partCTable {
		width: 80%;
	}
	
	#contC9 p {
		font-size: 16px;
	}
	
	#td5,
	#td6 {
		width: 50%;
	}
	
	#td5 {
		font-size: 22px;
	}
	
	button {
		font-size: 18px;
		margin: 5px;
	}
	
	.form-control {
		font-size: 16px;
		margin: 5px;
	}
	
	.champObli {
		font-size: 18px;
	}
	
	#tabMentions2 {
		font-size: 14px;
	}
	
	#tabMentions2 td{
		padding: 10px;
	}
}

@media only screen and (min-width : 980px) {
	.reveal4 {
		left: 30px;
	}
	
	.alignPics img {
		width: 94px;
		height: 94px;
	}
	
	.socPics {
		width: 100px;
		height: 100px;
	}
	
	.alignDiv {
		left: 100px;
	}
	
	.alignDiv2 {
		top: 3vw;
		left: 80px;
	}
	
	#contMenu li,
	#contMenu2 li {
		padding: 10px 15px 10px 15px;
	}
	
	#tabMentions2 {
		font-size: 16px;
	}
	
	#partCTable {
		width: 70%;
	}
}

@media only screen and (min-width : 1024px) {
	.reveal4 {
		left: 50px;
	}
	
	.alignDiv {
		left: 80px;
	}
	
	#tabMentions2 {
		font-size: 18px;
	}
	
	#partCTable {
		width: 60%;
	}
}

@media only screen and (min-width : 1280px) {
	.reveal4 {
		left: 80px;
	}
	
	.alignDiv {
		left: 200px;
	}
	
	.alignDiv2 {
		top: 4vw;
		left: 80px;
	}
	
	#partCTable {
		width: 50%;
	}
}

@media only screen and (min-width : 1480px) {
	.reveal4 {
		left: 120px;
	}
	
	.alignDiv {
		left: 250px;
	}
	
	.alignDiv2 {
		top: 5vw;
		left: 100px;
	}
	
	#partCTable {
		width: 50%;
	}
}