html {
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

#navigation1 {
  width: 200px;
  list-style: none;
  margin: 0;
  float: left;
  padding: 0;
}

#navigation1 li {
  background: #E8D502 ;
  color: black ;
  border: 1px solid #600 ;
  margin-bottom: 1px ;
}

#navigation1 li a {
  display: block ;
  background: #E8D502 ;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  padding: 4px 0 ;
}

#navigation1 li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #FFD20F ;
  text-decoration: underline ;
}

#navigation {
  width: 200px;
  list-style: none;
  margin: 0;
  float: right;
  padding: 0;
}

#navigation li {
  background: #E8D502 ;
  color: black ;
  border: 1px solid #600 ;
  margin-bottom: 1px ;
}

#navigation li a {
  display: block ;
  background: #E8D502 ;
  color: black ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
  padding: 4px 0 ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #FFD20F ;
  text-decoration: underline ;
}

.titre-page {
	font-family: verdana;
	width: 850px;
	font-size: 18px;
	margin: auto;
	font-weight: bold;
	background-color: #E8D502;
	padding: 5px;
	border: 3px solid black;
	text-align: center;
}

.centre-page {
	width: 800px;
	background: #E8D502;
	margin: auto;
	border: 3px solid black;
	text-align: center;
	padding: 5px;
}

.page-suiv {
	width: 400px;
	margin: auto;
	text-align: center;
}

.page-suiv-2 {
	width: 200px;
	margin: auto;
	text-align: center;
}

.images {
	width: 350px;
	height: 225px;
	margin: auto;
}

.images-2 {
	width: 350px;
	height: 300px;
	margin: auto;
}

.images-3 {
	width: 420px;
	height: 350px;
	margin: auto;
}

.images-4 {
	width: 175px;
	height: 39px;
	margin: auto;
	border: 3px solid black;
	padding: 5px;
}

.images-5 {
	width: 300px;
	height: 275px;
	float: left;
}

.images-6 {
	width: 300px;
	height: 275px;
	float: right;
}

.images-7 {
	width: 200px;
	height: 39px;
	margin: auto;
	border: 3px solid black;
	padding: 5px;
}

.fig-photo { 
	width: 700px;
}

.fig-photo-2 { 
	width: 300px;
	display:inline-block;
}

.fig-cap {
	width: 350px;
	margin: auto;
	font-family: verdana;
	font-weight: bold;
}

.images-2 {
	margin: auto;
}

.span-sous-titre {
	font-family: verdana;
	font-size: 16px;
	width: 500px;
	text-align: center;
	margin: auto;
	font-weight: bold;
}

.span-sous-titre-2 {
	font-family: verdana;
	font-size: 16px;
	width: 500px;
	text-align: center;
	margin: auto;
}

.text-centre {
	width: 700px;
	margin: auto;
	text-align: center;
	padding: 5px;
}

.text-centre-2 {
	width: 300px;
	text-align: center;
	padding: 5px;
}

.text-centre-3 {
	width: 300px;
	text-align: center;
	padding: 5px;
}

.img-lien {
	width: 75px;
	height: 75px;
}

table,
td {
    border: 1px solid #333;
	margin: auto;
}

thead,
tfoot {
    background-color: #333;
    color: #fff;
}

.img-precedente {
	width: 250px;
	height: 80px;
}

.ma-classe{
  background: red;
  width:100px;
  height: 100px;
    transition: width 2s;
}

.ma-classe.clic-image{
  transform: scale(2,2);
}