.home {width:100%}
.col1 {width:100%; float:none}
.col2 {width:100%; float:none}

.partenairePiscine img {width:100%; height:auto; margin:2px auto}

.col2 .datenews {font-size:1.1em; margin:4px 0 0 0; padding:0}	
.col2 .itemnews {color:grey; font-size:1em; line-height:1.6}

#containerMiddlePage .leftCol {width:100%}
#containerMiddlePage .rightCol {width:100%}

/* Plus grand que smartphone */
@media (min-width: 641px) {

	#containerMiddleHome .leftCol {width:70%}
	#containerMiddleHome .rightCol {width:29%; display:block}
}

/* Plus grand que smartphone */
@media (min-width: 800px) {

	#containerMiddlePage .leftCol {width:75%}
	#containerMiddlePage .rightCol {width:24%}
}

/* Plus de 860 px */
@media (min-width: 860px) {

	.col1 {width:70%; margin-right:2%; float:left}
	.col2 {width:28%; float:right}
	.col2 .datenews {font-size:13px}	
	.col2 .itemnews {font-size:13px}
	
	#containerMiddleHome .leftCol {width:75%}
	#containerMiddleHome .rightCol {width:24%}

	#containerMiddlePage .leftCol {width:75%}
	#containerMiddlePage .rightCol {width:24%}
		
	.mailToButton img {display:inline-block; vertical-align:top; margin-right:9px; height:27px}
	
	.partenairePiscine img {width:600px; margin:2px auto}
}

/* Plus de 900 px */
@media (min-width: 900px) {

	#containerMiddleHome .leftCol {width:76%}
	#containerMiddleHome .rightCol {width:23%}
	
	#containerMiddlePage .leftCol {width:70%}
	#containerMiddlePage .rightCol {width:28%}
}

/* Plus de 940 px */
@media (min-width: 940px) {

	#containerMiddleHome .leftCol {width:77%}
	#containerMiddleHome .rightCol {width:22%}
}

/* Plus de 975 px */
@media (min-width: 975px) {

	#containerMiddleHome .leftCol {width:78%}
	#containerMiddleHome .rightCol {width:21%}
	
	.col1 {width:58%; margin-right:2%}
	.col2 {width:40%}
	
}

/* Plus de 1000 px */
@media (min-width: 1000px) {
	
	#containerMiddlePage .leftCol {width:60%}
	#containerMiddlePage .rightCol {width:38%}
}

/* Plus de 1045 px */
@media (min-width: 1045px) {

	#containerMiddleHome .leftCol {width:79%}
	#containerMiddleHome .rightCol {width:20%}
}

/* Plus de 1200 px : design fixe */
@media (min-width: 1200px) {
	
	//#containerMiddlePage .leftCol {width:700px}
	//#containerMiddlePage .rightCol {width:435px; max-width:435px}	
}