@-ms-viewport{
    width: device-width;
}

a:link{text-decoration:none}

body{
margin: 0;
font-family: 'Abel', sans-serif;
}
#galerie{
	display: -ms-flexbox;     
	display: -webkit-flex;    
	display: flex;  
	-webkit-align-items: center;
  align-items: center;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60%;
  box-sizing: border-box;
}

#tout{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

#back{
  display: flex;
  margin-top: 10px;
}

#content{
  display: flex;
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  justify-content: center;
}

#header{
    /* position: fixed; */
    /* top: 10px; */
    /* left: 50%; */
    /* width: 60%; */
    /* margin-left: -30%; */
    background-color: black;
    color: white;
    padding: 10px 10px 5px 10px;
    display: flex;
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

#footer{
    /* position: fixed; */
    /* bottom: 10px; */
    /* left: 50%; */
    /* width: 60%; */
    /* margin-left: -30%; */
    text-align: center;
    background: black;
    color: white; 
    padding: 3px;
}

#gauche{
  text-align: right;
  border-right: double 3px;
  box-sizing: border-box;
  width: 20%;
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  padding: 10px;

}

#content{flex: 1;}

#droite{
  border-left: double 3px;
  align-self: flex-end;
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  box-sizing: border-box;
  width: 20%;
  padding: 10px;


}

.image{
	margin: 10px;
	width: 100%;
  max-width: 750px;
  min-width: 300px;
  border: solid 10px;

}

@media screen and (max-width: 720px) {
#content {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  #gauche{
    width: 100vw;
    border-right: double 0px;
    border-bottom: double 3px;


  }
  #droite{
    width: 100vw;
    border-left: double 0px;
    border-top: double 3px;    

  }
}

#thumbArray{
  display: -webkit-box;     
  display: -moz-box;        
  display: -ms-flexbox;     
  display: -webkit-flex;    
  display: flex;  
  -webkit-align-items: center;
    align-items: center;
  -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;    
}
.spacethumb{
  text-align: center;
  margin: 10px;}

.imgThumb{
  width: 25vW;
  max-width: 240px;
}

.titleThumb{
margin:0;
color:black;
}
#menuacc{
  flex:1;
  display:flex;
  align-items: center;
  justify-content: center;
}

.menu a{
	color: white;
	text-decoration: underline;
}

#thumbArray a{
  box-sizing: border-box;
}

#thumbArray a:hover{
  border: solid 1px black;
  margin:-1px;
}

#menu, .sub-menu {
  display: none;
  list-style: none;
}

/*Change toggle size by adjusting width & height*/
.tb-menu-toggle {
  border: 0;
  position: relative;
  background: transparent;
  cursor: pointer;
  margin: 5px;
  margin-left: 30px;
  
}

/*Change toggle color here*/
.tb-menu-toggle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  -webkit-transition:all .2s;
   -moz-transition:all .2s;
     -o-transition:all .2s;
        transition:all .2s;
}
.tb-menu-toggle i:nth-child(2) {
  top: 40%;
}
.tb-menu-toggle i:nth-child(3) {
  top: 80%;
}

/* Style the active toggle here */
.tb-menu-toggle.tb-active-toggle i {  }

/*Animation of the toggle*/
.tb-menu-toggle.tb-animate-toggle i:first-child,
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){ 
  top: 40%;
  -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
} 
.tb-menu-toggle.tb-animate-toggle i:nth-child(3){ 
  top: 40%;
  -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
}