/* © Horstaxe 2017 */
/* conception graphique et développement : http://marjorieober.com/ */


/* CSS Document */


@media screen and (orientation:portrait) {

  #img-background img {
    width:auto;
    max-width:200%;
    height:auto;
    position:relative;
    top:0;
    left:-75%;
  }


}



@media screen and (max-width:736px) and (orientation:portrait) {


  #titre {
    width:45%;
  }

  #txt{
    width:75%;
  }

  .page-infos {
  	width:110vw;
  }


  .texte-infos {
  	font-size:5vw;
  	line-height:6.5vw;
  }


.colonne1 {
  display:block;
  width:101vw;
  border-top:0;
  padding-bottom:8vw;
  padding-top:5vw;
  padding-left:5vw;
  padding-right:5vw;
  border-bottom:1px solid white;
}

.colonne2 {
  display:block;
  width:101vw;
  border-top:0;
  padding-bottom:8vw;
  padding-top:8vw;
  padding-left:5vw;
  padding-right:5vw;
  border-left:0;
  border-bottom:1px solid white;
}

.colonne3 {
  display:block;
  width:101vw;
  border-top:0;
  padding-bottom:8vw;
  padding-top:8vw;
  padding-left:5vw;
  padding-right:5vw;
  border-left:0;
}

.colonne-titre {
  padding-top:5vw;
  padding-bottom:5vw;
  text-align:left;
}

.titre {
	font-size:5.4vw;
	padding-left:5vw;
}

.sup-small {
	font-size:3vw;
}

.credits {
	font-size:3.5vw;
	line-height:4.3vw;
}

.page-infos img {
	width:35%;
}

}



@media screen and (min-width:737px) and (max-width:1024px) and (orientation:portrait) {


  #titre {
    width:35%;
  }

  #txt{
    width:55%;
  }

  .texte-infos {
  	font-size:2.5vw;
  	line-height:4vw;
  }


.colonne1 {
  padding-bottom:2vw;
  padding-top:2vw;
  padding-left:3vw;
  padding-right:2vw;
}


.colonne2 {
  padding-bottom:2vw;
  padding-top:2vw;
  padding-left:2vw;
  padding-right:2vw;
}


.colonne3 {
  padding-bottom:2vw;
  padding-top:2vw;
  padding-left:2vw;
  padding-right:3vw;
}

.colonne-titre {
  padding-top:2vw;
  padding-bottom:2vw;
  text-align:left;
}

.titre {
	font-size:3vw;
	padding-left:3vw;
}

.sup-small {
	font-size:1.5vw;
}

.credits {
	font-size:1.5vw;
	line-height:2vw;
}

.page-infos img {
	width:65%;
}

}


@media screen and (min-width:737px) and (max-width:1024px) and (orientation:landscape) {

  #img-background img {
    top:0;
  }
}


@media screen and (max-width:1024px) {


  .infos-popine {
    display:none;
    z-index:-10;
  }

}




@media screen and (min-width:3000px) {


.menu {
border-top:2px solid black;
}

.slidehaut {
  border-top:0;
  border-bottom:2px solid black;
}

#txt{
  border-left: 2px solid black;
}

.img1 img {
  border-left: 2px solid black;
}

.table-texte-infos {
	border:2px solid white;
}


.colonne1 {
	border:2px solid white;
}

.colonne2 {
	border:2px solid white;
}

.colonne3 {
border:2px solid white;
}

}