@media only screen and (min-width : 768px) and (max-width : 1024px) {
div.container, #footerwrapper {width:750px}
header {height:400px}
#logo {height:140px}
	#logo img {height:66px; width:200px}
	#logo .logo {margin-left:58px}
header nav#nav {top:130px; width:749px}
div#slider {height:250px}
		div#slider.slide1 {background:url(../uploads/images/slides/photo_accueil_petit.jpg) center top no-repeat}
		div#slider.slide2 {background:url(../uploads/images/slides/photo_frisbee_petit.jpg) center top no-repeat}
		div#slider.slide3 {background:url(../uploads/images/slides/photo_membres_petit.jpg) center top no-repeat}
		div#slider.slide4 {background:url(../uploads/images/slides/photo_projet_petit.jpg) center top no-repeat}
		div#slider.slide5 {background:url(../uploads/images/slides/photo_politique_petit.jpg) center top no-repeat}
		div#slider.slide6 {background:url(../uploads/images/slides/photo_media_petit.jpg) center top no-repeat}
		div#slider.slide7 {background:url(../uploads/images/slides/photo_partenaire_petit.jpg) center top no-repeat}
#welcome {width:430px}
#text {width:500px}
#content nav ul {width:200px}
#news {width:280px}
#news span.date {margin:20px 20px 0 20px; width:120px}
#news img {margin:20px 0 0 20px}

.activity {width:224px}

footer {min-width:750px}
#footermiddle {float:right}
#footerright {float:right}

table {width:520px}
.gallery .img.overview {width:520px}
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
div.container, header nav, #welcome, #text, #content nav, #content nav ul.nav li a, #footerwrapper, table, .gallery .img.overview {width:460px}
	header div.container {overflow:visible}
header {height:200px}
header nav#nav {height:48px; width:460px}
div#slider {height:0; display:none; visibility:hidden}
#news {float:left}

#content nav ul {display:none; visibility:hidden}

footer {min-width:460px}
#footerwrapper {padding-top:20px}
#footermiddle {display:none; height:0; visibility:hidden}
#footerright {float:left; text-align:left; margin-top:30px}
footer h1 {margin:0 0 10px 0}
}


@media only screen and (min-width : 320px) and (max-width : 480px) {
div.container, header nav, #welcome, #text, #content nav, #content nav ul.nav li a, #footerwrapper, #footerleft, .gallery .img.overview {width:300px}
	header div.container {overflow:visible}
header {height:260px}
header nav#nav {height:48px; top:230px; width:300px}	
#logo {height:220px; width:300px}
div#slider {height:0; display:none; visibility:hidden}
#news {float:left; width:300px}

#content nav ul {display:none; visibility:hidden}

footer {min-width:30px}
#footerwrapper {font-size:0.867em; padding-top:20px}
#footermiddle {display:none; height:0; visibility:hidden}
#footerright {float:left; text-align:left; margin-top:20px}
footer h1 {margin:0 0 10px 0}
footer span.fa-envelope-o {display:none; visibility:hidden}

#news .bildlinks {float:left; margin:20px 0 0 89px; width:auto}

#text table {width:300px}
tr {border-bottom:1px solid #e2e2e2;}
tr.odd {background:#fff}
td {float:left; margin-bottom:10px; padding:7px 0 0 0; width:300px}
}