@charset "utf-8";
/* CSS Document */
#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:14px;
	padding-bottom:20px;} 
#footer a {
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
	}
#foot{
	 background-color:#666;
	 text-align:center;
	 float:left;
	 width:100%;
	 color:#FFF;
	 margin: 0 auto;
	 }
#footer div{ 
  display: inline-block;
  text-align:left;
} 
.col1{
	width:5%;
}
.col2 { 
  width: 30%;
  float:left;
  margin-left:5%;
  margin-right:3%;
} 
.col3 { 
  width: 40%; 
  float:left;
} 
.col4 { 
  width: auto;
  float:left;
}
.col5{
  width:10%;
  float:left;
}


span {
	font-size:24px;
	font-weight:bold;
	text-decoration: none;	
}
.fleche {
	position:relative;
	float:right;
	margin-bottom: 0;
	margin-right: 0;
	margin-top:-3%;
}

.hr1 {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	line-height:1px;
	height:0;
	width:200px;
	color:blue;
	
}
.format_hr_foot {
	margin:0;
	border:ridge;
	display: inline-block;
    width: 100%;
	}
.format_hr1 {
	border-color:#00F;
	box-shadow: 2px 2px 2px  black;
	width: 100%;
	display: inline-block;
	position:absolute;
	left:0;
	top:90% /*100px;*/
	}
.hr2
{ height: 1px;
color: #8e8e8e;
background-color: #8e8e8e;
width: auto;
border: none;
}


#pied {
	float:left;
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#666;
	padding-top:1%;
	display:table-cell;
	}

#pied {
	float:left;
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#666;
	padding-top:1%;
	display: table-cell;
	}
.p1{
	width:auto;
	float:left;
	padding-right:1%;
	margin-left:8%;
	padding-top:1.5%;
	}
.p2 { 
  width: auto;
  float:left;
  margin-right:2%;
  padding-top:1.2%;
  padding-right:3%;
 margin-left:5%; }
  

.p3 { 
  width:auto; 
  float:left;
  padding-right:5%; 
  }
  
.p4 { 
  width:auto;
  font-size:16px;
  float:left;
  padding-left:1%;
 margin-top:0.5%;
}

	
@media (max-width: 480px) { /*jaune*/

#footer div { 
  display: table-cell;
 overflow:hidden;
} 
.col1{
	width:10%;
		}
.col2 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%;
} 
.col3 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%; 
}
.col4 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%; 
}
.col5{
width:10%;
	}
#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:10px;
	padding-bottom:20px;
  } 
.titre-footer{font-size:14px;}

#pied {
	float:left;
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#666;
	padding-top:1%;
	}

.p1{
	width:10%;
	float:left;
	padding-right:1%;
	margin-left:10%;
	}
.p2 { 
  width: 15%;
  float:left;
  margin-right:1%;
 } 
.p3 { 
  width:15%; 
  float:left;
  padding-right:1%;
  
} 
.p4 { 
 width:100%;
  float:left;
 margin-left:1%;

}
.pied table,
  tbody,
  tr,
  td {
    display: block;
	font-size:13px;
	text-align:left;
	margin-left:2%;
}	
.fleche {
	position:relative;
	float:right;
	margin-bottom: 0;
	margin-right: 0;
	margin-top:-10%;
}
.h-line {
	line-height:18px;}

}
@media (min-width: 481px) and (max-width: 768px) { 

#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:12px;
	padding-bottom:20px;
  } 
.titre-footer{font-size:14px;}


#footer div{ 
  display: table-cell;
 overflow:hidden
} 
.col1{
	width:10%;
		}
.col2 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%;
} 
.col3 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%; 
} 
.col4 { 
  width: 90%;
  margin-left:10%;
  margin-right:10%; 
}
.col5{
width:10%;
	}

.pied table,
  tbody,
  tr,
  td {
    display: block;
	font-size:12px;
	text-align:left;
}
#pied {
	float:left;
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#666;
	padding-top:1%;
	}

.p1{
	width:10%;
	float:left;
	padding-right:1%;
	margin-left:10%;
	}
.p2 { 
  width: 15%;
  float:left;
  margin-right:1%;
 } 
.p3 { 
  width:15%; 
  float:left;
  margin-left:10%;
} 


.p4 { 
 width:100%;
  float:left;
 margin-left:8%;
}
.fleche {
	position:relative;
	float:right;
	margin-bottom: 0;
	margin-right: 0;
	margin-top:-10%;
}
.h-line {
	line-height:18px;}
	
}
@media (min-width: 769px) and (max-width: 1024px) {	 /*vert*/

#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:12px;
	padding-bottom:20px;
  } 
.titre-footer{font-size:14px;}

#pied {
	float:left;
	margin:0 auto;
	width:100%;
	text-align:center;
	background-color:#666;
	padding-top:1%;
	display:inline-table;
	}
.p1{
	width:auto;
	float:left;
	padding-right:1%;
	margin-left:20%;
	}
.p2 { 
  width: auto;
  float:left;
  margin-right:1%;
 } 
.p3 { 
  width:auto; 
  float:left;
  padding-right:1%;
  
} 
.p31 { 
  width:auto; 
  float:left;
  padding-right:1%;
    
} 

.p4 { 
  width:auto;
  float:left;
  padding-left:1%;
 margin-top:0.5%;
 margin-left:17%;
}
.fleche {
	position:relative;
	float:right;
	margin-bottom: 0;
	margin-right: 0;
	margin-top:-10%;
}	

}
@media (min-width: 1025px) and (max-width: 1280px) { /*bleu*/
	
#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:14px;
	padding-bottom:20px;
  } 
.titre-footer{font-size:16px;}



}
@media (min-width: 1281px) and (max-width: 1600px) { /*rose*/
	
#footer{
	background-color:#666;
	width :100%;
	bottom:0;
	clear:both;
	float: left;
	color:#FFF;
	font-size:14px;
	padding-bottom:20px;
  } 
.titre-footer{font-size:16px;}	   




}