@charset "UTF-8";

/*--------------------------------------------------------------
BREAKPOINT > 1400 (Above)
--------------------------------------------------------------*/
@media (min-width: 1400px) {	
	
}

/*--------------------------------------------------------------
BREAKPOINT < 1400 (larger desktops)
--------------------------------------------------------------*/
@media (max-width: 1400px) {
  .container {
      width: 84%;
  }	
  section.content h1 {
      font-size: 1.8rem;
  }	
  section.content p {
      font-size:1rem;
  }		
}

/*--------------------------------------------------------------
BREAKPOINT < 1200 (large desktops)
--------------------------------------------------------------*/
@media (max-width: 1200px) {	
  .container {
      width: 90%;
  }	
	header img {
		margin-top: 10px;
		margin-bottom: 30px;
		width: 20%;
	}
}

/*--------------------------------------------------------------
BREAKPOINT < 992 (desktops)
--------------------------------------------------------------*/
@media (max-width:992px) {

}


/*--------------------------------------------------------------
BREAKPOINT < 768 (tablets)
--------------------------------------------------------------*/
@media (max-width:768px) {
  section.content h1 {
      font-size: 2rem;
  }	
  .container {
      width: 96%;
  }	
  section.content h1 {
      font-size: 1.2rem;
  }	
  section.content p {
      font-size:0.9rem;
  }	
  header .titre p {
      font-size: 0.9rem;
  }	
}

/*--------------------------------------------------------------
BREAKPOINT < 570 (tablets)
--------------------------------------------------------------*/
@media (max-width: 570px) {	
  .container {
      width: 98%;
  }	
	header img {
		margin-top: 8px;
		margin-bottom: 14px;
		width: 20%;
	}	
  section.content h1 {
      font-size: 1.2rem;
  }		
  footer  {
	padding-top: 14px;  
	justify-content: center;
	margin-bottom: 20px;
  }	
  footer .gauche{
	text-align: center;
	justify-content: center;  
  }
footer .gauche img {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 16%;
}	
  footer .droite{
	margin-top: 10px;
	text-align: center;
	justify-content: center; 
	font-size: 12px;  
  }
  footer .droite .temps{
      justify-content: center;
  }	
footer .droite .temps .jours .j-c{
	font-size: 1.4rem;	
}
footer .droite .temps .heures .h-c{
	font-size: 1.4rem;
}
}
/*--------------------------------------------------------------
BREAKPOINT < 375 (phone)
--------------------------------------------------------------*/
@media (max-width: 375px) {	
section.content h1 {
    font-size: 1rem;
}	
footer .gauche img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 14%;
}	
footer .droite .temps .jours .j-c{
	font-size: 1.1rem;	
}
footer .droite .temps .heures .h-c{
	font-size: 1.1rem;
}	
}