/* Nouvelles règles si la fenêtre fait au plus 1024px de large */
@media screen and (max-width: 1024px)
{
    .section-contenu
	{
       width: 700px ; 
    }
	
	#nav, #navAux, #navAlternate{
		min-width: 650px ; 
	}
	
	#navAux a{
		font-size: 108% ; 
		margin-right: 15px ; 
	}
	
	
	.logoLiConteneur{
		display: block ; 
		min-width: 100px ; 
		margin: auto ; 
	}
	
	#fondAccueil{
		min-width: 560px ; 
	}
	
	#sectionSub{
		margin-top: 20px ; 
	}
}

/*POUR LES MOBILES*/
@media screen and (max-width: 750px)
{
	body{
		min-width: 315px ; 
	}

	
	#navMobile{
		display: block ; 
		position: fixed ; 
		width: 100% ;
		background-color: #2d3143 ;
		background: transparent -moz-linear-gradient(center top , rgb(122, 126, 146) 0px, rgb(44, 48, 56) 100%) repeat scroll 0% 0% ;
		top: -16px ; 
		min-width: 315px ; 
		color: white ; 
	}
	
	#nav, #navAux, #navAlternate{
		display: none ; 
		height: 0px ; 
		overflow: hidden ; 
		margin-bottom: 0px ; 
	}
	
	#navMobile a{
		color: #F6F6F6 ;
		text-decoration: none ; 
	}
	
	
	
	.liMenuMobile{
		margin-left: -35px ;
		list-style-type:none;
		cursor: pointer;
	}
	
	.liSubMenuMobile{
		margin-left: -35px ;
		list-style-type:none;
		cursor: pointer;
		margin-bottom: 10px;
		line-height: 30px;
	}
	
	.ulSubMenuMobile{
		display: none ; 
		position: absolute ; 
		background-color: #2d3143 ;
		background: transparent -moz-linear-gradient(center top , rgb(122, 126, 146) 0px, rgb(44, 48, 56) 100%) repeat scroll 0% 0% ;
		width: 100% ; 
		margin-left: -50px ; 
		text-align: center ; 
		z-index: 999 ;
	}
	
	.subsubLi{
		list-style-type: none ; 
		margin-left: -50px;
	}
	
	
	.logoLiConteneur{
		display: inline-block ; 
		width: 20% ;
		margin: auto ; 
		min-width: 60px ; 
		margin-left: -25px ; 
	}
	
	#liEspace{
		display: inline-block ;
		width: 55% ;
	}
	
	#liAfficheMenu{
		display: inline-block ;
		width: 10% ; 
	}
	
	
	#fondAccueil{
		width: 90% ; 
		min-width: 280px ;
		margin-top: 130px ; 
	}
	
	#opa{
		font-size: 240% ; 
	}
	
	#descript{
		font-size: 150% ; 
		margin-top: 80px ; 
	}
	
	#aProposBloc{
		width: 280px ; 
	}
	
	.section-contenu{
		width: 70% ; 
		margin-left: auto ;
		margin-right: auto ; 
	}
	
	#sectionSub{
		margin-top: 0px ; 
	}
	.section-contenu h2{
		width: 100% ; 
	}
	
	.boutonBleu{
		width: 50% !important; 
	}
	
	#actuListe{
		display: block ; 
		margin-top: -10px ; 
	}
	
	#actuListe li{
		display: block;
		margin-bottom: 10px ; 
	}
	
	.textImg{
		width: 100% ; 
	}
	
	.imgText{
		/*width: 50% ; */
	}
	
	.leviers{
		width: 100% ; 
		margin-left: -40px;
	}
	
	#formFinancement{
		margin-left: -30px ; 
	}
	
	#formFinancement input{
		width: 130px ; 
	}
	
	.contactInput{
		width: 100% ; 
	}
	
	#refConteneur{
		height: auto ; 
	}
	
	.contenuRef{
		width: 100% ;
		display: block ; 
	}
	
	.imgRef{
		width: 50% ; 
	}
	
	#refG, #refD{
		margin-left: 25px;
		margin-right: 25px;
	}
	
	
	
}

@media screen and (max-width: 350px){
	#formFinancement input{
		width: 100px ; 
	}
}