/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		#main-menu a{
			font-size: 12px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {



	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/*header{
			height: 300px;
		}*/
		#logo img{
			display: block;
			margin: 0 auto;
		}
		#coords{
			display: none;
		}
		#coords-mobile{
			display: block;
			font-size: 11px;
			text-align: left;
		}
		#menu-bg{
			display: none;
		}
		#mobile-menu{
			display: block;
			text-align: center;
		}

		#news article{
			margin: 0 0 20px 0;
		}
		
		.wpcf7-form label{
	   	float: none;
	   	display: block;
	    margin: 0 0 10px 0;
	    text-align: left;
	    width: 100%;
	   }
	   .wpcf7-form input,
	   .wpcf7-form textarea{
	   }
	   .wpcf7-form .help{
	   	margin: 5px 0;
	   }
	   .one_half,
		.one_third,
		.two_thirds,
		.three_fourths,
		.one_fourth,
		.one_fifth,
		.two_fifth,
		.three_fifth,
		.four_fifth,
		.one_sixth,
		.five_sixth {
			margin: 0;
			width: 100%;
		}

		nav{
			font-size: 10px;
		}
		nav ul li a{
			padding: 5px;
		}
		header .band{
			height: 40px;
		}

		.before-more{
			font-size: 16px;
		}
		.entry{
			font-size: 14px;
		}
		article h1.title{
			margin: 20px 0;
		}
		header{
			height: auto;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#logo{
			margin: 0 0 10px 0;
		}
		

		

		h1 { font-size: 40px; line-height: 45px; margin-bottom: 10px;}
		h2 { font-size: 35px; line-height: 40px; margin-bottom: 7px; }
		h3 { font-size: 25px; line-height: 30px; margin-bottom: 4px; }
		h4 { font-size: 18px; line-height: 25px; margin-bottom: 2px; }
		h5 { font-size: 14px; line-height: 20px; }
		h6 { font-size: 12px; line-height: 16px; }

		#news h1.aside{
			font-size: 25px;
			line-height: 30px;
		}
		#recherche{
			display: none;
		}
	}