/* line 1, ../sass/demo.scss */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
  margin:0;
  padding:0;
}

html, body {
  font-family: 'Slabo 27px', serif;
  padding: 0;
  margin: 0;
  background: #ffffff;
}
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-ANCIEN CSS-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
header{
	height: 60px;
	background: #CBBBA0;
	width: 100%;
	z-index: 10;
	position: fixed;
}

.pictures_gallery{
    width: 80vw;
  margin: 0 auto;


}

.infos{
padding-top: 110px;
color: #CBBBA0;
font-family: 'Lato', sans-serif;
}

nav{
	padding-right: 25px;
}


nav a{
	color: white;
	text-decoration: none;
	display: inline-block;
	padding: 18px 10px;
}

nav li{
	font-family: 'Lato', sans-serif;
	display: inline;
}


nav ul{
	float: right;
}


li a:hover{
	color: #434343;
	font-weight: 700;
	border-bottom: solid #434343 5px;
	padding-bottom: 18px;
}

h1{

	border-bottom: solid #CBBBA0 1pt;
	font-size: 22pt;
	margin-bottom: 14px;
	padding-bottom: 8px;
	font-weight: 900;

}


h3{
	padding-bottom: 10px;
	font-weight: 400;
}



.encours{
	font-weight: 900;
}


.pied p {
  background-color: #CBBBA0;
  bottom: 0;
  color: white;
  font-family: "Raleway",sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
}

.pied a{
color: white;
text-decoration: none;
}

.pied a:hover{
color: #434343;
}
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-ANCIEN CSS-_-_-_-_-_-_-_-_-_-_-_-_-_-*/
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/




/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}


/* line 12, ../sass/demo.scss */
a {
  color: #4ab19a;
}


/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}


/* line 22, ../sass/demo.scss */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  margin-bottom: 60px;

}


.container .gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


/* line 32, ../sass/demo.scss */
.container .gallery a img {
  width: auto;
  height: 240px;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  align-items: center;
  align-content: space-between;
}


/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}


/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}


/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}


	/* pour une largeur type smartphone de 1024 à 1315px   */
	@media screen and (max-width: 1315px){
    
    .container .gallery a img {
      width: auto;
      max-height: 180px;
    }

    .container .gallery{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }
  
  }


	/* pour une largeur type smartphone de 728 à 1024px   */
	@media screen and (max-width: 1024px){
    
    .container .gallery a img {
      width: auto;
      max-height: 180px;
    }
  
  }



  /* pour une largeur type smartphone de 601 à 728px   */
	@media screen and (max-width: 768px){
    
    .container .gallery a img {
      width: auto;
      height: 180px;
    }

    .container .gallery{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }
  
  }





	/* pour une largeur type smartphone de 0 à 650px   */
	@media screen and (max-width: 650px){
  
    .container .gallery a img {
      width: auto;
      height: 100px;
    }

    .container .gallery{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }


    header nav ul li a{

      font-size: 0.8em;
      padding-left: 5px;
      padding-right: 5px;
    }

    h2{
      font-size: 1.1em;
    }
  
  }