/* Body
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    max-width: 800px ;
}
    .titre {
    background-image: url('../images/bleu2.jpg') ;
    background-size: cover ;
    color: #ecf0f1;
    padding-bottom: 0 ;
    text-align: center;
	vertical-align: middle;
}

.section {
	height: 350px;
	vertical-align: middle;
}

    

/* Head
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.head {
    margin-top: 6rem;
    text-align: center;
}

/*Photo
-------------------------------------------------- */
.photo {
    margin: auto;
	margin-left: middle;
    margin-bottom: auto;
}
/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer {
    text-align: center ;
}

/* Section 
-------------------------------------------------- */
.section {
    text-align: center ;
    margin-top: auto ;
    margin-bottom: auto ;
	line-height: auto;
}
/* Barre de navigation
-------------------------------------------------- */
.header {
    width: 100%;
    height: 50px;
    top: 0;
    background-color: whitesmoke;
    position: fixed;
    z-index: 40;
}

#nav a:link{
    text-decoration: none;
    text-align: center;
}

#nav{
    font-size: large;
}

/* Fonds de catégories
-------------------------------------------------- */
.a-propos {
  background-image: url('../images/background_with_clouds.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 0;
}

.exposes {
    background-image: url('../images/background_with_clouds.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 0;
}