*
{
	background-color: black;
	font-family: "Verdana";
	color: white;
}

nav ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

nav li
{
	display: inline-block;
	width: 180px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #CCCCCC;
	text-align: center;line-height: 40px;
	line-height: 40px;
}
nav li :hover
{
	background-color:  white;
}

nav li a 
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

.menu
{
	margin-bottom: auto;
	margin-top: auto;
}

.sepBas
{
	border: 1px solid white;
}

.sepNormal
{
	border: 0.5px solid white;
}

.vertical
{
	margin-top: auto;
	margin-bottom: auto;
}

.gras
{
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-1"] {
    width: 100%;
  }
}

.txt_center
{
text-align: center;
}






/* Accueil */

.maisonsAcc
{
	margin: auto;
}

.generiqueTxt
{
	font-size: 30px;
}

.maisonsTxt
{
	margin-left: 40px;
}

#maisons
{
	margin-left: 47px;
	font-size: 30px;
}

<style>.zoom {
width: 320px;
height: 240px;
}
.image {
width: 100%;
height: 100%; 
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est doublée */
-webkit-transform:scale(1.3); /* Safari et Chrome */
-moz-transform:scale(1.3); /* Firefox */
-ms-transform:scale(1.3); /* Internet Explorer 9 */
-o-transform:scale(1.3); /* Opera */
transform:scale(1.3);
}






/* Histoire */

.daenerysAccueil
{
	width: 800px;
}

hr.style-five {
    border: 0 solid;
    height: 0 solid; /* Firefox... */
    box-shadow: 0 0 10px 1px white;
}
hr.style-five:after {  
    content: "\00a0";  
}

/* Maisons */

.imgMaisons
{
	height: 40%;
	width: 40%;
}

.sepArryn
{
	border: 0.5px solid #101929;
}
.sepBaratheon
{
	border: 0.5px solid #FFC316;
}
.sepGreyjoy
{
	border: 0.5px solid #1A1A1A;
}
.sepLannister
{
	border: 0.5px solid #86090A;
}
.sepStark
{
	border: 0.5px solid #7F7F7F;
}
.sepTargaryen
{
	border: 0.5px solid #A9191E;
}
.sepTully
{
	border: 0.5px solid #202151;
}
.sepMartell
{
	border: 0.5px solid #F0863A;
}
.sepTyrell
{
	border: 0.5px solid #8D9F80;
}
.sepFrey
{
	border: 0.5px solid #B4B19E;
}
.sepBolton
{
	border: 0.5px solid #C02128;
}

.titreMaison
{
	font-weight: bold;
	text-decoration: underline;
}






/* Personnages */

.imgPetit
{
	width: 10%;
	float: right;

}

.imgJonArryn
{
	width: 60%;
	margin-top: auto;
	margin-bottom: auto;
}
.imgPersoNormal
{
	width: 40%;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.sepArryn2
{
	border: 3px solid #101929;
}
.sepBaratheon2
{
	border: 3px solid #FFC316;
}
.sepGreyjoy2
{
	border: 3px solid #1A1A1A;
}
.sepLannister2
{
	border: 3px solid #86090A;
}
.sepStark2
{
	border: 3px solid #7F7F7F;
}
.sepTargaryen2
{
	border: 3px solid #A9191E;
}
.sepTully2
{
	border: 3px solid #202151;
}
.sepMartell2
{
	border: 3px solid #F0863A;
}
.sepTyrell2
{
	border: 3px solid #8D9F80;
}
.sepFrey2
{
	border: 3px solid #B4B19E;
}
.sepBolton2
{
	border: 3px solid #C02128;
}
.sepNormal2
{
	border: 3px solid white;
}

.arbreGen
{
	height: 750px;
}






/* Cartes */

.legendeImage
{
	font-style: italic;
	text-align: center;
}

.map
{
	width: 90%;
	height: 800px;
}

.carteGeneral
{
	height: 1000px;
}

.carteWest2
{
	height: 1000px;
}

.carteNord2
{
	width: 600px;
}

.cartePortReal
{
	width: 900px;
}

.carteBraavos
{
	width: 900px;
}

.carteBraavos2
{
	height: 600px;
}

.carteBonus
{
	width: 800px;
}

.texteGeneral
{
	margin-right: 140px;
	margin-left: 140px;
}

.carteDetoit2
{
	height: 1000px;
}

.titreCarte
{
	font-weight: bold;
	text-decoration: underline;
}






/* Bonus */

.cartes, .Back, .Front, .Perdu{
  background-repeat: no-repeat;
  background-position: center center;
  border: 0px solid gray;
  cursor: pointer;

  /* La Largeur d'une Image */
  width: 118px;

  /* La Hauteur d'une Image */
  height: 186px;
}

.Back {
  z-index : 10;
  background-image: url(Back.jpg);
}