@charset "utf-8";
/* le mobile */

@import url("mobile.css") only screen and (max-width:760px);
/* tablette */

@import url("720.css") only screen and (min-width:761px) and (max-width:979px);
/* pc */

@import url("960_12_col.css") only screen and (min-width:980px);
/* CSS Document */


/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
}

.container {
  width: 95%;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}

/* Navigation */
nav ul {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1rem 0;
}

nav ul li a {
  text-decoration: none;
  color: #333;
}

/* Responsive Tables */
.tableau-centre {
  width: 100%;
  margin: 20px 0;
}

@media (max-width: 768px) {
  .grid_12, nav ul {
    flex-direction: column;
  }

  .tableau-centre img {
    width: 100% !important;
    height: auto;
  }
}

/* Footer */
footer {
  background: #333;
  color: #fff;
  text-align: center;
  padding: 1rem;
}

* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #231f20;
	font-family: 'Roboto', sans serif;
	font-size: 1em;
}
a {
	color: #231f20;
}
a:hover {
	text-decoration: none;
	color: #e27a3f;
}
h1 {
	font-family: 'Roboto', sans serif;
	font-size: 3em;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin: 0 0 20px 0;
	font-size: 1.9em;
	text-align: center;
}
#who {
	color: #fff;
}
p {
	font-family: 'Roboto', sans-serif;
	margin: 20px 0;
	line-height: 1em;
	font-size: 1em;
	text-indent: 0px;
	/*retrée de premier line*/
}
hr {
	border: 0;
	border-top: 1px solid #e27a3f;
}
figure {
	margin-bottom: 10px;
}
figure img {
	/*border:5px solid #ec8a00;*/
	box-sizing: border-box;
}
figcaption {
	text-align: centre;
}
/*menu*/

/*home*/

#home {
	background: url(images/zoning_02.jpg)bottom center no-repeat;
	background-size: cover;
	padding: 145px 0;
}
/*portfolio*/

#portfolio {
	padding: 30px 0;
	/*background:rgba(95,241,60,0.30);*/
}
/*who*/

#who {
	background: #231f20;
	padding: 30px 0;
	color: #fff;
}
table {
	border-spacing: 15px;
	text-transform: uppercase;
	font-family: 'Roboto', sans serif;
	/*font-size:1.5em;*/
}
table td:first-child {
	min-width: 240px
}
.tableau-centre {
	width: 100%;
	/* Permet au tableau de s'adapter à la largeur de l'écran */
	/* max-width: 680px; Largeur maximale du tableau */
	margin: auto;
	/* Centre le tableau horizontalement */
	border-collapse: collapse;
	/* Optionnel, pour le style */
}
.tableau-centre td {
	border: solid black 1.0pt;
	padding: 0cm 5.4pt 0cm 5.4pt;
	/* Adaptation du padding pour toutes les cellules */
}
progress {
	border: 0;
}
/*changement coleur barre de progression chrome*/

progress[value]::-webkit-progress-value {
	background: #e27a3f;
}
.dowload {
	background: #e27a3f;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 60px;
	padding: 0 30px;
	font-family: 'Roboto', sans serif;
	display: inline-block;
	border-radius: 10px;
}
.adroit {
	float: right;
}
.agauche {
	float: left;
}
img[src="images/logo.png"] {
	width: auto;
}
/*modification*/

#who, #home, #portfolio, #contact {
	overflow: hidden;
}
<!--
/* Font Definitions */

@font-face {
	font-family: Roboto;
	panose-1: 2 15 5 2 2 2 4 3 2 4;
}

/* Style Definitions */

p.MsoNormal, li.MsoNormal, div.MsoNormal {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	margin: 0 0 20px 0;
	font-size: 1.4em;
}
--></style>