/* Pour les appareils de largeur plus grande que 520px */
@media only screen and (min-width: 520px) {
	body{
	font-size:0.7em;
	}
	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 50%; }

	.all					{ margin-bottom:4%;}
	   
	.entete{
		width: 100%;
		float: left;
		max-width: 1039px;
	}
	.accroche{
		margin-top:1em;
	}
	.mleft {
		margin-left:0.8em;
	}
/*Navigation*/
	.menu-mobile{
		color: #fff;
		background-color: rgba(29, 197, 151, 0.97);
		text-align: center;
		padding: 12px 0;
		display: none;
	}

	nav{
		margin-top:21%; 
		/*margin-right:1em;	*/			
	}
	nav > ul  {
		float:right;
		padding-top:1.1em;
		padding-bottom:1em;
	}
	nav > ul > li > a{
		padding-left:1.2em;
		padding-right:1.2em;
		font-size:0.8em;	
	}
    nav > ul > li a:hover {
		padding-left:1.2em;
		padding-right:1.2em;
		font-size:0.8em;
		background-image: url(old/FondMenuHover.jpg);
		background-position:bottom;
	}
	nav > ul > li{
		/*background-image: url(../images/fond-menu.jpg);*/
		/*background-position:bottom;*/
	}
	
/*Affichage ou non*/
	.screen{
		display: block; 
	}
	.smartscreen{
		display:none;
	}

/*Position des block images*/
	.mtop{
		margin-top: 0.75em;
	}	
	.mright{
		margin-right:0.8em;
	}		
	
	.mbottom{
		margin-bottom:0.75em;
	}
	
/*polices*/
	
	p.down{
	font-size:0.5em;
	}
	p.note{
	font-size:0.5em;
	font-style:italic;
	}
	p.haut{
	margin-top:1em;
	}
	
/*Page intérieure*/
	.gauche{
	box-sizing: border-box;
	}
	.droite{
	padding-left:12px;
	box-sizing: border-box;
	/*margin-top:22px;*/
	}
	.right{
	padding-left:12px;
	box-sizing: border-box;
	}
	
/*Formulaire*/
	label, input, select, textarea{
	font-size:0.8em;
	}
	label.haut{
	vertical-align: top;
	padding-top:10px;
	}
	input.u-full-width, textarea.u-full-width {
	width: 250px;
	margin-top : 10px;
	 }
	select.u-full-width{
	width: 205px;
	margin-top : 10px;
	 }
	.label-body{
	font-size:0.8em;
	}
}




@media only screen and (min-width: 600px) {
	body{
	font-size:0.8em;
	}
/*Formulaire*/	
	input.u-full-width, textarea.u-full-width{
	width: 200px;
	 }
	label.mef{
	display: inline-block;
	width:80px;
	}
	input.mef02{
	/*font-size:0.8em;*/
	width:15em;
	}
	
	
}
@media only screen and (min-width: 700px) {
	body{
	font-size:0.9em;
	}
	
}
@media only screen and (min-width: 800px) {
	body{
	font-size:1em;
	}
}

@media only screen and (min-width: 920px) {
	body{
	font-size:1em;
	}
}
@media only screen and (min-width: 1000px) {
	body{
	font-size:1em;
	}
	
/*Formulaire*/
	label.mef{
	display: inline-block;
	width:120px;
	}
	input.u-full-width, textarea.u-full-width, select.u-full-width{
	width: 300px;
	font-size:0.6em;
	margin-top : 10px;
	}
	label, input, select, textarea{
	font-size:0.65em;
	}
	.label-body{
	font-size:0.65em;
	}
	.texte{
		text-indent:2em;
		margin-top: -1.7em;
	}
	nav > ul > li > a{
		padding-left:1.4em;
		padding-right:1.4em;
		font-size:0.75em;	
	}
    nav > ul > li a:hover {
		padding-left:1.4em;
		padding-right:1.4em;
		font-size:0.75em;
		background-image: url(../images/FondMenuHover_new.jpg);
		background-position:bottom;
	}
}