/****************************************************************/
/************* début styles footer par défaut *******************/
/****************************************************************/


.footer {
	/*clear:both;*/
	/*float:none;*/
	
	position:absolute;
	top:/*155%*/1250px;
	left:0%;
	
	opacity:1;
	margin:50px 0px 0px 0px;
	/*
	clear:both;
	margin:0%;
	width:99.7%;

	height:12%;*/ /*par défaut, presentation verticale pour petits écrans */
	width:99%;/*par défaut, presentation verticale pour petits écrans */
	min-height:100px;/*par défaut, presentation verticale pour petits écrans */
	font-size:0.6em;
	background-color: #FFFAFA;
	/*border:1px solid red;*/
	
	/*text-shadow:0px 0px 0px rgba(0,0,0,0.5);*/
	
}

.footer_left{
	margin:0;
	
	float:left;
	width:30%;
	/*opacity:0%;*/
	display:none;/*par défaut, presentation verticale pour petits écrans */
}

.footer_left img{
	margin:0% 0% 0% 12%;
	border:1px;
	max-width:55%;
}

.footer_middle{
	margin:0px;
	
	float:left;
	width:34%;
}

.footer_middle ul {
	
	margin:6% 0% 0% 30%;
	padding:0;
}

.footer_middle li {
	padding:0;
	list-style:none;
}

.footer_right{
	margin:0px;
	
	float:right;
	width:30%;

}

.footer_right ul {
	
	margin:6.5% 0% 0% 0%;
	padding:0;
}

.footer_right li {
	padding:0;
	list-style:none;
}

/*.design*/.footer_right a {
	font-size:1.0em;
	color:#796A5E;
	text-decoration: underline;
	
}

/*.design*/.footer_right a :hover{
	font-size:1.1em;
	color:blue;
	text-decoration: underline;
	
}

.footer_col {
	
	position:absolute;
	
	top:3550px;/* par défaut mode 1 colonne */
	
	left:0%;
	
	margin:0%;
	width:99.65%;
	font-size:0.6em;
	min-height:100px;
	background-color: #FFFAFA;
	
}


.footer_ctc {
	
	position:absolute;
	
	top:2190px;/* par défaut mode 1 colonne */
	
	left:0%;
	
	margin:0%;
	width:99.65%;
	font-size:0.6em;
	min-height:100px;
	background-color: #FFFAFA;
	
}


/********************************* fin styles  footer par défaut *****************************/





/***********************************************************/
/*************** media queries *****************************/
/***********************************************************/


/* si vraiment trop petit, pas de footer*/
@media screen and (max-width:240px) 
/* menu horizontal activé (1er niveau) sans cases ni icones*/
/* sous menus verticaux */
{
	.footer , .footer_col, .footer_ctc {
		display:none;
		height:0px;
	}
	
}

@media screen and (min-width:395px) 
/* menu horizontal activé (1er niveau) sans cases ni icones*/
/* sous menus verticaux */
{

	.footer {
	
	position:absolute;
	top:/*160%*/1500px;
	left:0%;
	
	/*clear:both;*/
	margin:0%;
	width:99.7%;

	
	/*
	width:99%;
	height:16%;*/
	background-color: #FFFAFA;
	/*border:1px solid green;*/
		
	/*text-shadow:0px 0px 0px rgba(0,0,0,0.5);*/
	
	}
	
	.footer_middle{
	margin:0% 0% 0% 0%;
	
	float:left;
	width:44%;
	
	}

	
	
	.footer_right{
	margin:0px 0% 0px 0px;
	
	float:right;
	width:40%;
	
	}
	
	.footer_ctc {
		position:absolute;
		top:/*160%*/2100px;
		left:0%;
	}



} /* fim media querie pour ecran de largeur >= 365 px */


@media screen and (min-width:500px) {
		.footer_ctc {
		position:absolute;
		top:/*160%*/2100px;
		left:0%;
	}
}


@media screen and (min-width:860px) 
/*mode 3 colonnes pour métiers et pi*/
/* la hauteur se règle avec overflow:auto */
/* on pourrait ici rajouter les cases et icones pour menu horizontal */
/* pas encore de sous menus ici*/
{
	
	.footer {
		/*clear:both;*/
		
		position:absolute;
		top:900px;
		
		left:0%;
	
		/*opacity:1;*/
		
	}
	
	.footer_col {
		position:absolute;
		top:1550px/*195%*/;
		left:0%;
		
	}


	.footer_left{
		width:30%;
		display:block;
	}
	
	.footer_middle{
		width:34%;
	}
	
	.footer_right{
		width:30%;
	}

	.footer_left img{
	margin:0% 0% 0% 12%;
	border:1px;
	max-width:85%;
	}
	
	.footer_ctc {
		position:absolute;
		top:/*160%*/1250px;
		left:0%;
	}
			
} /* fin media queries pour mode 3 colonnes */
/*fin media querie pour ecran de largeur >=800px */



@media screen and (min-width:1225px) 
/* présentation header et menu pincipal en mode horizontal */
{
	

		

	
	
	
} /*fin media querie pour ecran de largeur >=1225px */



 

@media screen and (min-width:1405px) 
/* activation full des sous menus et présentation horizontale full*/
{	

	.footer_col {
		position:absolute;
		top:1150px;
		left:0%;
	
	}
	
	.footer_ctc {
		top:1180px;
	}
	
} /* fin media querie pour full ecran >=1315px */





/***************** fin media queries **********************/