@charset "utf-8";
/* CSS Stylesheet */

body {
		margin: 0;
		padding: 0;
		background-color: white;
}	

/* définir la police */

h1, h2, h3, h4, h5, h6 {
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";	
		font-size: "6";
		color: black;
		background-color:transparent;
		text-align: center;
}

p, ul, li, td {
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-size: "4";
		color: black;
		background-color:transparent;
		text-align: justify;
}	

	/* couleur des links */

a:link {
		color: darkslategray;
		text-decoration: underline
}	

a:visited {
		color: grey
}	

	/* iPhone 5 */

@media only screen and (max-device-width: 320px) {
  html {
   -webkit-text-size-adjust: 300%;
   -ms-text-size-adjust: 300%;
   }
}
	/* iPhone 7 */

@media only screen and (min-device-width: 321px) {
  html {
   -webkit-text-size-adjust: 250%;
   -ms-text-size-adjust: 250%;
   }
}

	/* Big smartphones */

@media only screen and (min-device-width:768px) {
  html {
   -webkit-text-size-adjust: 150%;
   -ms-text-size-adjust: 150%;
  }
}

	/* iPad 2 portrait */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation: portrait) {
  html {
   -webkit-text-size-adjust: 150%;
   -ms-text-size-adjust: 150%;
  }
}
	/* iPad 2 landscape */

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 150%;
   -ms-text-size-adjust: 150%;
  }
}

	/* Bigger smartphones */

@media only screen and (min-device-width:1024px) {
  html {
   -webkit-text-size-adjust: 120%;
   -ms-text-size-adjust: 120%;
  }
}

	/* Large screens */

@media only screen and (min-device-width:1025px) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}