/* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  letter-spacing: 2px;
  text-align:center;
}
#container {
  margin: 0 auto;
  width: 980px;
}
h1 {
  display: none;
}
#logo {
  margin-top: 20px;
  width: 180px;
  height: auto;
}
header {
  height: 170px;
}
nav {
  margin-top: 20px;
}
nav ul {
  padding-left: 0;
}
nav ul li {
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
}
nav ul li a {
  text-decoration: none;
  color: #000;
}
nav ul li a{
  border: 1px solid #f7786b;
  color: #f7786b;
  margin: 10px 0; /* espace les liens d'1 px */
  padding: 8px 20px; /* marges internes pour aérer */
  background: #FFF;
  text-decoration: none; /* on vire le soulignement */
  text-align: center;
  /* on définit la transition pour les navigateurs */
  -webkit-transition: all .5s; /* Chrome/Safari */
  -moz-transition: all .5s; /* Firefox (plus trop nécessaire) */
  transition: all .5s; /* syntaxe officielle */
}
nav ul li a:hover,
nav ul li a:focus {
  border: 1px solid #fff;
  background: #f7cac9;
  color: #fff;
  transform: scale(1.02);
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	-moz-transform: scale(1.02);
  /* décalage du contenu de 10px vers la droite (30-20 = 10) */
}
section.colonnes {
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
}
.taille1, .taille2, .taille3 {
  width: 250px;
  box-shadow: 0 0 5px 0 #f7cac9;
  margin: 25px 10px;
  padding: 10px;
}
.taille2 {
  height: 320px;
}
.taille3 {
  height: 410px;
}
.taille1 {
  height: 250px;
}
.grande-img, .moyenne-img, .petite-img, .titres, .resumes {
  width: 250px;
}
.grande-img:hover, .moyenne-img:hover, .petite-img:hover {

}
.grande-img {
  height: 340px;
}
.moyenne-img {
  height: 250px;
}
.petite-img {
  height: 180px;
}
.titres{
  margin-top: 20px;
}
.titres a{
  text-decoration: none;
  color: #000;
}
.titres a:hover{
  font-weight: bold;
}
.resumes {
  margin-top: 5px;
  font-size: 10px;
  color : #f7786b;
  letter-spacing: 1.5px;
}
.lien-img {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
}
.lien-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
  height: 99%;
  -webkit-transition: background 500ms linear;
  -moz-transition: background 500ms linear;
  -o-transition: background 500ms linear;
  transition: background 500ms linear;
}
.lien-img:hover:before {
	background: #f7786b;
  opacity: 0.7;
}
span {
  font-size: 10px;
}
footer {
  font-size: 10px;
  color: grey;
}