
body
{
	width:100%;
}

#footer
{
	font-family:'Open Sans',Verdana;
	border:0px solid #84bd88;
	margin: 0px auto 0 auto;
	text-align:center;
	position:relative;
	top:00px;
	width:100%;
	min-height:200px;
}

#footer a
{
	text-decoration:none;
	font-size:0.8em;
}

#footer a:hover
{
	color: #f0f5cb;
}

#footer .liste
{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	font-size:1em;
	padding :0 2.5em;
}

#footer ul
{
	display:inline;
	list-style: none;
}


.rzo
{
	vertical-align: middle;
	margin-right:8px;
}

.fb-like
{
	margin-bottom:3px;
}


#sous_footer2
{
	color:white;
	background: #244f31;
	padding:40px;
}

#sous_footer2 a
{
	color:white;
}

/* L'item securité */
#secure
{
	margin:0 0 0px 0 /* On le remonte un peu car les CB biaisent l'espace */
}


.the_li
{
	line-height:2em; /* Pour augmenter l'interligne */
	
}

.fb-like
{
	margin-bottom:3px;
}


.foot_titre
{
	text-transform:uppercase;
}

.flag
{
	padding:0px 0 0px 10px;
	vertical-align:middle;
}


/* ---------------------------Format mobile--------------------------*/

@media screen and (max-width:767px)
{
	
	#footer
	{
		min-height:600px;
	}


	#sous_footer2
	{
		padding-top:5px;
	}
	
	#footer .liste
	{
		display:block; /* Les uns en dessous des autres */
		width:80%; /* Permet aux listes de s'allonger davantage sans retour chariot */
		padding :0 3em;
	}
	
	.foot_titre
	{
		margin-top:10px;
		font-size:0.9em;
	}
	
	#raisons
	{
		display:none;
	}
	
	
	.liste
	{
		margin-right:10%; 
	}
	
	.footix
	{
		margin-left:auto; /* Pour les écarter un peu */
		margin-right:auto;
		margin-bottom:5px;
		padding:0 5%;
	}
	
	#faq
	{
		margin-left:0px /* Bizzarement, ça semble mieux centrer */
	}
	
	#master
	{
		margin-top:5px;
	}
	
}

/*-----------------------------------Petit format-----------------------------------*/
 
 @media screen and (min-width:768px) and (max-width:979px)
 {
 	
 	#footer .liste
 	{
 		font-size:0.8em;
 	}
 	
 	#footer a
	{
		text-decoration:none;
		font-size:0.6em;
	}
 	
 	
 }
 
 
 /*-----------------------------------Moyen format-----------------------------------*/
 
 @media screen and (min-width:980px) and (max-width:1199px)
 {
 	
 	#footer .liste
 	{
 		font-size:0.9em;
 	}
 	
 	#footer a
	{
		text-decoration:none;
		font-size:0.7em;
	}
 }
 
 
 /*-----------------------------------Grand  format-----------------------------------*/
 
 @media screen and (min-width:1600px) 
 {
 
 	#footer .liste
 	{
 		font-size:1.1em;
 	}
 	
 	#footer a
	{
		font-size:0.9em;
	}
 }
 
 
 