body {
	font-family: Arial;
	font-size: 12px;
}

h4 {
	font-family: Arial;
	color:#dcb003;
	text-decoration: underline overline;
}

h5 {
	font-family: Arial;
	color:#bf0000;
	font-weight:bold;
}

.LetterRoll {
	font-family:Arial;
	text-decoration:none;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	color:#C0C0C0;
}

A.LetterRoll:hover {
	text-decoration:none;
	font-size:10pt;
	font-weight:normal;
	color:#BF0000;
}

.LetterRoll2 {
	font-family:Arial;
	text-decoration:underline;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	color:black
}

A.LetterRoll2:hover {
	text-decoration:underline;
	font-size:10pt;
	font-weight:normal;
	color:#BF0000;
}

.LetterRoll3 {
	font-family:Arial;
	text-decoration:underline;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	color:#707070;
}

A.LetterRoll3:hover {
	text-decoration:none;
	font-size:10pt;
	font-weight:normal;
	color:#BF0000;
}


.itemBorder {
	border: 1px solid black
}

.itemText {
	text-decoration: none;
	color: #FFFFFF;
	font: 12px Arial, Helvetica
}

.crazyBorder {
	border: 1px outset #000000
}

.crazyText {
	text-decoration: none;
	color: #FFFFFF;
	font: Bold 12px Arial, Helvetica
}

#texte {
	font-family:Arial;
	font-size:12px;
}

#texteron {
	font-size:13px;
	font-family:Arial;
}

#rouge {
	color:#BF0000;
}

#photo {
	font-family:Arial;
	font-size:10px;
	font-style:italic;
	color:#676767;
}

#date {
	font-weight:bold;
	font-size:14px;
	color:#BF0000;
	text-decoration:none;
}

#theme {
	font-weight:bold;
}

#noir1 {
	font-size:10pt;
	text-align:left;
	font-family:Arial;
	color:white;
	background:black;
}

#blanc1 {
	font-size:10pt;
	text-align:left;
	font-family:Verdana;
	color:BF0000;
	background:white;
}

#blanc2 {
	font-size:8pt;
	text-align:left;
	font-family:Arial;
	color:black;
	background:white;
}

#blanc3 {
	font-size:10pt;
	text-align:left;
	font-family:Verdana;
	background:white;
	font-weight: bold;
}

#rouge1 {
	font-size:10pt;
	text-align:left;
	font-family:Verdana;
	color:white;
	background:#BF0000;
}

#gris1 {
	font-size:10pt;
	text-align:left;
	font-family:Verdana;
	color:white;
	background:#C0C0C0;
}

#jaune {
	background:dcb003;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#rapace {
	background:white;
	color:#bf0000;
	font-family:Arial;
	font-size:12px;
}

#proie {
	background:white;
	font-size:12px;
	font-family:Arial;
	text-align:center;
}

#qui {
	background:white;
	font-size:12px;
	font-family:Arial;
	text-align:right;
}

#nidification {
	background:white;
	font-size:12pt;
	font-family:Arial;
	text-align:center;
}

#code1 {
	background:#a0a0a0;
	color:white;
	font-size:14pt;
	font-family:Arial;
	text-align:center;
}

#code2 {
	background:#449999;
	color:white;
	font-size:14pt;
	font-family:Arial;
	text-align:center;
}

#code3 {
	background:#BB8833;
	color:white;
	font-size:14pt;
	font-family:Arial;
	text-align:center;
}

#code4 {
	background:#bf0000;
	color:white;
	font-size:14pt;
	font-family:Arial;
	text-align:center;
}


#menurouge {
	color:#bf0000;
}

#ron {
	font-size:14pt;
	font-family:Arial;
	color:white;
	font-weight:bold;
}

#DOsp {
	font-size:10pt;
	font-family:Arial;
	color:#bf0000;
	font-weight:bold;
}

#DOno {
	font-size:10pt;
	font-family:Verdana;
	color:black;
	font-weight:normal;
	text-align:center;
}

#DOdate {
	font-size:10pt;
	font-family:Arial;
	color:black;
	font-weight:normal;
	text-align:center;
}

#DOlieu {
	font-size:10pt;
	font-family:Arial;
	color:black;
	font-style:italic;
	text-align:center;
}

#DOqui {
	font-size:10pt;
	font-family:Verdana;
	color:black;
	font-style:italic;
	text-align:center;
}

#DOth {
	font-size:12pt;
	font-family:Arial;
	color:white;
	font-weight:bold;
	background:black;
	text-align:center;
}


#carre1
{
  display: block;
  width: 85px;
  height: 85px;
  background: url("atlas/carre1.png") no-repeat 0 0;

}

#carre1:hover
{ 
  background-position: 0 -85px;
}

#carre1 span
{
  display: none;
}


#carre2
{
  display: block;
  width: 87px;
  height: 85px;
  background: url("atlas/carre2.png") no-repeat 0 0;

}

#carre2:hover
{ 
  background-position: 0 -85px;
}

#carre2 span
{
  display: none;
}


#carre3
{
  display: block;
  width: 86px;
  height: 85px;
  background: url("atlas/carre3.png") no-repeat 0 0;

}

#carre3:hover
{ 
  background-position: 0 -85px;
}

#carre3 span
{
  display: none;
}


#carre4
{
  display: block;
  width: 84px;
  height: 85px;
  background: url("atlas/carre4.png") no-repeat 0 0;

}

#carre4:hover
{ 
  background-position: 0 -85px;
}

#carre4 span
{
  display: none;
}


#carre5
{
  display: block;
  width: 85px;
  height: 87px;
  background: url("atlas/carre5.png") no-repeat 0 0;

}

#carre5:hover
{ 
  background-position: 0 -87px;
}

#carre5 span
{
  display: none;
}


#carre6
{
  display: block;
  width: 87px;
  height: 87px;
  background: url("atlas/carre6.png") no-repeat 0 0;

}

#carre6:hover
{ 
  background-position: 0 -87px;
}

#carre6 span
{
  display: none;
}

#carre7
{
  display: block;
  width: 86px;
  height: 87px;
  background: url("atlas/carre7.png") no-repeat 0 0;

}

#carre7:hover
{ 
  background-position: 0 -87px;
}

#carre7 span
{
  display: none;
}


#carre8
{
  display: block;
  width: 84px;
  height: 87px;
  background: url("atlas/carre8.png") no-repeat 0 0;

}

#carre8:hover
{ 
  background-position: 0 -87px;
}

#carre8 span
{
  display: none;
}


#carre9
{
  display: block;
  width: 85px;
  height: 86px;
  background: url("atlas/carre9.png") no-repeat 0 0;

}

#carre9:hover
{ 
  background-position: 0 -86px;
}

#carre9 span
{
  display: none;
}


#carre10
{
  display: block;
  width: 87px;
  height: 86px;
  background: url("atlas/carre10.png") no-repeat 0 0;

}

#carre10:hover
{ 
  background-position: 0 -86px;
}

#carre10 span
{
  display: none;
}

#carre11
{
  display: block;
  width: 86px;
  height: 86px;
  background: url("atlas/carre11.png") no-repeat 0 0;

}

#carre11:hover
{ 
  background-position: 0 -86px;
}

#carre11 span
{
  display: none;
}


#carre12
{
  display: block;
  width: 84px;
  height: 86px;
  background: url("atlas/carre12.png") no-repeat 0 0;

}

#carre12:hover
{ 
  background-position: 0 -86px;
}

#carre12 span
{
  display: none;
}


#carre13
{
  display: block;
  width: 85px;
  height: 87px;
  background: url("atlas/carre13.png") no-repeat 0 0;

}

#carre13:hover
{ 
  background-position: 0 -87px;
}

#carre13 span
{
  display: none;
}

#carre14
{
  display: block;
  width: 87px;
  height: 87px;
  background: url("atlas/carre14.png") no-repeat 0 0;

}

#carre14:hover
{ 
  background-position: 0 -87px;
}

#carre14 span
{
  display: none;
}


#carre15
{
  display: block;
  width: 86px;
  height: 87px;
  background: url("atlas/carre15.png") no-repeat 0 0;

}

#carre15:hover
{ 
  background-position: 0 -87px;
}

#carre15 span
{
  display: none;
}


#carre16
{
  display: block;
  width: 84px;
  height: 87px;
  background: url("atlas/carre16.png") no-repeat 0 0;

}

#carre16:hover
{ 
  background-position: 0 -87px;
}

#carre16 span
{
  display: none;
}


#carre17
{
  display: block;
  width: 85px;
  height: 85px;
  background: url("atlas/carre17.png") no-repeat 0 0;

}

#carre17:hover
{ 
  background-position: 0 -85px;
}

#carre17 span
{
  display: none;
}


#carre18
{
  display: block;
  width: 87px;
  height: 85px;
  background: url("atlas/carre18.png") no-repeat 0 0;

}

#carre18:hover
{ 
  background-position: 0 -85px;
}

#carre18 span
{
  display: none;
}


#carre19
{
  display: block;
  width: 86px;
  height: 85px;
  background: url("atlas/carre19.png") no-repeat 0 0;

}

#carre19:hover
{ 
  background-position: 0 -85px;
}

#carre19 span
{
  display: none;
}


#carre20
{
  display: block;
  width: 84px;
  height: 85px;
  background: url("atlas/carre20.png") no-repeat 0 0;

}

#carre20:hover
{ 
  background-position: 0 -85px;
}

#carre20 span
{
  display: none;
}