@media only screen and (min-width: 741px) {
	body
	{
		font-family: "Lucida Calligraphy", Arial, Verdana, serif;
		background-color: white;
		background-image: url("grimoire.jpg");
		background-repeat: repeat;
		margin-bottom: 30px;

	}
	h1
	{
		text-align: center;
		font-size: 250%;
		margin-left: 92px;
		margin-bottom: 35px;
		background-image: url("grimoireh1.jpg");
		background-repeat: no-repeat;
	}
	
	h2
	{
		font-size: 190%;
		text-align: left;
		margin-left: 222px;
	}
	
	h3
	{
		font-size: 170%;
		margin-left: 202px;
		margin-bottom : 40px
	}
	
	h4
	{
		font-size: 135%;
		margin-left: 152px;
		font-weight: bold;
		margin-bottom : 30px

	}
	
	
	h5
	{
		font-size: 110%;
		margin-left: 132px;
		font-weight: bold;

	}
	
	h6
	{
		font-size: 100%;
		margin-left: 128px;
		font-weight: bold;

	}
	
	d1
	{
		font-size: 130%;
		margin-left: 192px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	p
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 92px;
		margin-top : 15px;
		margin-bottom : 0px;
		overflow: visible;
	}
	
	
	ul
	{
		font-size: 100%;
		text-align: justify;
		margin-top : 0px;
		margin-bottom : 0px;
		margin-left: 102px;
		padding-left: 20px;
		list-style-type: square;
		list-style-position: outside;
	}

	ul ul
	{
		margin-left: 40px;
		list-style-type: disc;
	}

	ul ul ul
	{
		margin-left: 40px;
		list-style-type: circle;
	}
	
	
	ol
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 102px;
		list-style-position: outside;
		padding-left: 20px;
	}
	
	
	.tableau
	{
		font-size: 100%;
		text-align: left;
		margin-left: 92px;
		margin-top : 0px;
		margin-bottom : 0px;
		overflow: visible;

	}
	
	a
	{
		color: green;
		border: none;
	}

	a:visited
	{
		color: brown;
	}
	
	.w3c
	{
		text-align: right;
	}
}

@media only print {
	body
	{
		font-family: Arial, Verdana, serif;
		margin-bottom: 20px;
		background-color: white;

	}

	h1
	{
		text-align: center;
		font-size: 250%;
		margin-bottom: 35px;
		background-repeat: no-repeat;
	}

	h2
	{
		font-size: 190%;
		text-align: left;
		margin-left: 22px;
	}
	
	h3
	{
		font-size: 170%;
		margin-left: 22px;
		margin-bottom : 40px
	}
	
	h4
	{
		font-size: 135%;
		margin-left: 12px;
		font-weight: bold;
		margin-bottom : 30px

	}
	

	h5
	{
		font-size: 110%;
		margin-left: 10px;
		font-weight: bold;

	}
	
	h6
	{
		font-size: 100%;
		margin-left: 8px;
		font-weight: bold;

	}
	
	d1
	{
		font-size: 130%;
		margin-left: 12px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	
	p
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 2px;
		margin-right: 2px;
		margin-top : 15px;
		margin-bottom : 0px;
		overflow: visible;
	}

	ul
	{
		font-size: 100%;
		text-align: justify;
		margin-top : 0px;
		margin-bottom : 0px;
		margin-left: 70px;
		padding-left: 20px;
		list-style-type: square;
		list-style-position: outside;
	}

	ul ul
	{
		margin-left: 20px;
		list-style-type: disc;
	}

	ul ul ul
	{
		margin-left: 20px;
		list-style-type: circle;
	}
	
	
	ol
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 30px;
		list-style-position: outside;
		padding-left: 20px;
	}
	
	.tableau
	{
		font-size: 100%;
		text-align: left;
		margin-left: 5px;
		margin-top : 0px;
		margin-bottom : 0px;
		overflow: visible;

	}
	
	a
	{
		color: green;
		border: none;
	}

	a:visited
	{
		color: green;
	}
	
	.w3c
	{
		display:none;
	}
}


@media only screen and (max-width: 740px) {
	body
	{
		font-family: Arial, Verdana, serif;
		margin-bottom: 20px;
		background-color: wheat;

	}

	h1
	{
		text-align: center;
		font-size: 200%;
		margin-bottom: 35px;
		background-repeat: no-repeat;
	}

	h2
	{
		font-size: 160%;
		text-align: left;
		margin-left: 22px;
	}
	
	h3
	{
		font-size: 150%;
		margin-left: 22px;
		margin-bottom : 40px
	}
	
	h4
	{
		font-size: 125%;
		margin-left: 12px;
		font-weight: bold;
		margin-bottom : 30px

	}
	

	h5
	{
		font-size: 110%;
		margin-left: 10px;
		font-weight: bold;

	}
	
	h6
	{
		font-size: 100%;
		margin-left: 8px;
		font-weight: bold;

	}
	
	d1
	{
		font-size: 120%;
		margin-left: 12px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	
	p
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 2px;
		margin-right: 2px;
		margin-top : 15px;
		margin-bottom : 0px;
		overflow: visible;
	}

	ul
	{
		font-size: 100%;
		text-align: justify;
		margin-top : 0px;
		margin-bottom : 0px;
		margin-left: 30px;
		padding-left: 20px;
		list-style-type: square;
		list-style-position: outside;
	}

	ul ul
	{
		margin-left: 15px;
		list-style-type: disc;
	}

	ul ul ul
	{
		margin-left: 15px;
		list-style-type: circle;
	}
	
	
	ol
	{
		font-size: 100%;
		text-align: justify;
		margin-left: 30px;
		list-style-position: outside;
		padding-left: 20px;
	}
	
	.tableau
	{
		font-size: 100%;
		text-align: left;
		margin-left: 5px;
		margin-top : 0px;
		margin-bottom : 0px;
		overflow: visible;

	}
	
	a
	{
		color: green;
		border: none;
	}

	a:visited
	{
		color: brown;
	}
	
	.w3c
	{
		display:none;
	}

}

th
{
	text-align: center;
	font-style: bold;
}

.noimage
{
	background-image: none;
}

.imagebestiaire
{
	max-width: 45%;
}

.imagesymbole
{
	max-width: 12%;
}

.imagetotale
{
	max-width: 100%;
	text-align: center;
}

.dieu
{
	font-size: 150%;
	background-image: none;
}


.lettre
{
	font-size: 250%;
	text-align: left;
	margin-bottom: 40px;
	margin-top: 40px;
	margin-left: 180px;
}

em
{
	font-style: italic;
	color: darkblue;
}

.source
{
	font-style: italic;
	color: darkblue;
}

.vestigeimage
{
	max-width: 60%;
	margin-right: 2px;
	float: right;
}

.vestigeteste
{
	float: left;
}

.sortie
{
	margin-top : 50px;
}

.nul
{
	margin-top : 0px;
	margin-bottom : 0px;
}

.don
 {
 	margin-top : 0px;
	margin-bottom : 0px;
	overflow: visible;
	border: none;
 }
 
.normal
{
	font-size: 100%;
	text-align: justify;
	margin-left: 92px;
}
.decal
{
	margin-left: 132px;
}

.part
{
	font-weight: bold;
}

.nomtable
{
	font-weight: bold;
	margin-left: 10px;
	text-align: justify;
	margin-top: 15px;

}

.centre
{
	text-align: center;
}

.legal
{
	text-align: center;
	font-size: 70%;
}

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

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

.quest
{
	font-weight: bold;
	margin-left: 15px;
	font-size: 110%;
}

.element
{
	font-style: italic;
	color: darkblue;
}

.part2
{
	text-decoration: underline;
}

.important
{
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.vertical
{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display:block;
}

.semiimportant
{
	font-weight: bold;
	font-size: 100%;
	color: blue;
}

.nomsort
{
	font-weight: bold;
	text-decoration: underline;
	color: #005000;
}

.typesort
{
	font-style: italic;
}

.compsort
{
	text-decoration: underline;
}

.compobj
{
	text-decoration: underline;
}

.note
{
	font-style: italic;
	text-decoration: underline;
}

.clear
{
	text-decoration:none;
}

.somm_tab
{
	width : 30%;
	padding : 30px;
}

.somm_titre
{
	color: #225500;
	font-size: 200%;
	font-family: "Lucida Blackletter", "DungeonKeeperII", "Lucida Calligraphy", "Comic Sans MS", "Times New Roman", serif ;
	text-decoration: none;
}

a
{
	color: green;
	border: none;
}

a:visited
{
	color: brown;
}

a img { border: none; }
a.img { border: none; }

img{
	border: none;
}

table ul
{
	margin-left: 10px;
	text-align: left;
}


.listevide
{
	list-style-type: none;
}

.traits
{
	font-size: 100%;
	text-align: justify;
	margin-left: 102px;
	list-style-type: disc;	
	list-style-position: inside;
}

.god
{
	font-size: 100%;
	text-align: justify;
	margin-left: 82px;
	list-style-type: none;	
	list-style-position: inside;
}

.necro
{
	color: #9900CC;
}

.evoca
{
	color: #FF6600;
}

.divi
{
	color: #646464;
}

.invo
{
	color: #CC0000;
}

.transmu
{
	color: #3300CC;
}

.illu
{
	color: #660000;
}

.abju
{
	color: #339900;
}

.enchen
{
	color: #FF00FF;
}

.tags
{
	margin-left: 92px;
	float:left;
	font-size: 100%;
	text-align: justify;

}
.footer
{
	position:fixed;
	float:bottom;

}
.liste
{
	float:right;
	font-size: 100%;
	text-align: justify;

}

.liste td
{
	padding:5px;
}

.tags table
{
	border: 1px solid #000000;
	border-collapse:collapse;

}

.tags td
{
	padding:5px;
	border: 1px solid #000000;
}

.tags th
{
	padding:5px;
	border: 1px solid #000000;
}

.tagvsmall
{
	font-size: 75%;
}

.tagsmall
{
	font-size: 90%;
}

.tagbig
{
	font-size: 115%;
}

.tagvbig
{
	font-size: 130%;
}

.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: black;
  outline: none;
}

.tooltip span
{
  font-size: 75%;
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

.tooltip :visited
{
	color: black;
}

.tooltip span:visited
{
	color: black;
}

.indexbody
{
	background-color: black;
	background-image: none;

}