/* Style pour La Fontaine */
H1 {
	font-weight: bold;
	font-size: 166%;
	font-variant: small-caps;
}

H4 {
	font-family: Times, "Times new roman", serif;
	color: #009;
	font-size: 125%;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

BODY, TD {
	font-family: Palatino, Georgia, Times, Serif;
	color: #000;
	background: #FFF;
	font-size: 16px;
	margin-left: 2em;
	}

TABLE.bordgris TH, TABLE.bordgris TD {
	border-top: #EEE solid 1px;
	border-left: #EEE solid 1px;
	border-bottom: #BBB solid 1px;
	border-right: #BBB solid 1px;
	padding: 2px 5px 2px 5px;
	}

A	{ 
	text-decoration: none;
	font-weight: bold;
	}
A:link    {color:#00A;}
A:visited {color:#925;}
A:hover   {color:#080;}
A:active  {color:#F00;}

IMG {border-color: #AAF;}
IMG:hover {border-color: #A22;}
IMG { max-width: 100%; height: auto; }

A:link	IMG	{opacity: 1; filter:alpha(opacity=100);}
A:hover IMG {opacity: 0.5; filter:alpha(opacity=50);}
	
.adroite {text-align: right;}
.agauche {text-align: left;}
.bleugras {
	color: #00A;
	font-weight: bold;
	}
.bloc {clear: both;}
.centre {text-align: center;}
.center50 {
	margin-left: 25%;
	margin-right: 25%;
	}
.center70 {
	margin-left: 15%;
	margin-right: 15%;
	}
.gauche70 {
	margin-right: 30%;
	}
.gauche75 {
	margin-right: 20%;
	margin-left: 5%;
	}
.droite {
	float: right;
	margin-left: 10px;
	}
.gauche {
	float: left;
	margin-right: 10px;
	}
.texte {float: left;}	
.grand {
	font-size: 30px;
	font-weight: bold;
	}
.gris { color: #555;	}
.grisclair { color: #BBB;	}
.grispetit {
	color: #555;
	font-size: 80%;
	text-decoration: none;
	}
.imagedroite {float: right;
	margin-top: 18px;
	}	
.imagegauche {float: left;
	padding-right: 10px;
	padding-bottom: 600px;
	}	
.largeur50 {max-width: 50%;}
.lettrine {
	font-weight: bold;
	font-size: 200%;
	vertical-align: baseline;
	line-height: 50%;
	}
.margin15 {margin-left: 1.5em;}
.margin2  {margin-left: 2em;}
.margin3  {margin-left: 3em;}
.margin4  {margin-left: 4em;}
.margin6  {margin-left: 6em;}
.noborder {border: 0px;}
.normal {
	font-weight: normal;
	font-style: normal;
	}
.reference {
	text-align: center;
	margin: auto;
	width: 75%;
	}
.pieddroit {
	float: right; 
	text-align: center; 
	height: 56px;
	}
.plusgrand {
	font-size: 18px;
	font-weight: bold;
	}
.pluspetit {font-size: 80%}
.trespetit {font-size: 66%}
.retour {
	float: left; 
	text-align: center; 
	height: 56px;
	}
.retourdroit {
	float: right; 
	text-align: center; 
	}
.retourhaut {
	float: left; 
	margin-bottom: 0.5em; 
	width: 100%;
	}
.rouge {color: #A00}

DIV#fleches { 
	position: fixed; 
	right: 4px; 
	bottom: 100px; 
	font-size: 75%;
	color: #777;
	text-align: center;
	z-index: 1; 
	}

DIV.musique {
	font-size: 80%;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
	}
DIV.update {
	font-size: 80%;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	}
@media screen and (max-width: 750px) {
	.imagedroite {margin-left: 3%; margin-right: 3%;width: 30%;}
	}
@media screen and (max-width: 500px) {
	H1 {font-size: 160%; margin-left: 12%; margin-right: 12%;}
	H2 {font-size: 130%; margin-left: 10%; margin-right: 10%;}
	H4 {font-size: 100%;}
	DIV.musique {max-width: 3em;}
	DIV.update {max-width: 4em;}
	DIV#Auteur {font-size: 160%}
	.gauche, .droite {float: none;}
	.moyengras {font-size: 110%}
	.plusgrand {font-size: 110%}
	DIV.main {margin-left: 5%; margin-right: 5%;}
	.gauche70 {margin-right: 2px;}
	.gauche75 {margin-right: 2px; margin-left: 2px;}
	.center80, .center70, .center70nj, .center60, .center60b, .center60nj {
		margin-left: 3%; margin-right: 3%;
		}
	.imagedroite {float: none; margin-left: 12%; margin-right: 12%; width: 95%;}
	.center50 {margin-left: 6%; margin-right: 6%;}
	TABLE.bordgris, DIV.bordgris {border-width: 3px;}
	.margin15 {margin-left: 0.5em;}
	.margin2  {margin-left: 1em;}
	.margin3  {margin-left: 1.5em;}
	.margin4  {margin-left: 2em;}
	.margin6  {margin-left: 3em;}
	
	BODY, TD {
		font-size: 14px;
		margin-left: 0.7em;
		}
	}