@font-face {font-family: FCopperplate; src: url(Typo/Copperplate.ttf);}
@font-face {font-family: FCambria; src: url(Typo/Cambria.ttf);}

BODY, LI {font-family: Georgia, Palatino, Times, Serif; font-size: 16px;}
OL, UL, LI {font-size: 100%;}
BODY.Papier {background: #EEE url(images/Papier.jpg);}
BODY.Blason {background: #FFF url(images/Blason_Dardel_blanc.svg);}

H1 {
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	}
H1.copper {font-family: FCopperplate; font-style: normal; font-size: 250%;}
H2 {
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	}
H2.copper {font-family: FCopperplate; font-size: 150%;}
H2.georgia {font-style: italic; font-weight: bold; font-size: 150%;}

SUP, SUB {
	font-family: Geneva, Arial, sans-serif;
	font-size: 70%;
	line-height: 80%;
	}
	
SUP {vertical-align: +40%;}
SUB {vertical-align: -20%;}

IMG { max-width: 100%; height: auto; }

.gauche {
	float: left;
	margin-right: 8px;
	}

span.lettrine {
	font-family: Georgia, "Times New Roman", Serif;
	float: left;
	font-size: 5.6em;
	font-weight: bold;
  	line-height: 0.66em;
	padding-top: 0.1em;
	padding-right: 0.1em;
	}

A:link		IMG	{opacity: 1;}
A:hover	IMG	{opacity: 0.5;}

div.BodyText {
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	background-color: #FFF;
	padding: 8px 12px;
	}
DIV.droite2 {
	font-size: 80%;
	color: #666;
	position: absolute;
	top: 10px;
	right: 10px;
	}
	
HR.tube	{
	background: #AAF url(images/Tube1.gif) repeat-x;
	height: 10px;
	margin: 0; padding: 0;
	border-style: none;
	}
	
p.Citation, li.Citation, div.Citation
	{
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 6pt;
	text-align: justify;
	font-style: italic;
	}
	
div.FootNoteText 	{font-size: 85%;}

div.FootNoteText p {	margin-bottom: -0.6em;}
	
a.FootNoteReference
	{font-size: 80%;
	vertical-align: +30%;
	text-decoration: none;}
	
.bleufonce {color: #00A;}
.blanc {color: #FFF;}
.center70 {
	margin-left: 15%;
	margin-right: 15%;
	text-align: justify;
	padding: 10px;
	}
.center70c {
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	padding: 10px;
	}
.cambria {font-family: FCambria;}
.copper {font-family: FCopperplate;}	
.droite {float: right; margin-left: 10px;	}
.fondclair {background-color: #F7F7F7 ! important ; padding: 13px;}
	
.gauche {float: left; margin-right: 12px;}
.grand {font-size: 150%;}
.gris {color: #555;}

.moyengras {
	font-size: 150%;
	font-weight: bold;
	}

.ombre {text-shadow: #999 4px 4px 2px;}
.rouge {color: #A00;}
.petitescaps {font-variant: small-caps;}

.petit {font-size: 60%;}
.petit2 {font-size: 75%;}
.plusgrand {font-size: 133%;}
.sansdeco {text-decoration: none;}

.grandbleu {
	color: #00A;
	font-size: 133%;
	font-weight: bold;}

.legende {
	text-align: center;
	font-style: italic;
	}	
DIV#fleches { 
	position: fixed; 
	background: transparent; 
	line-height: 1.4;
	right: 5px; 
	bottom: 100px; 
	font-size: 80%;
	text-align: center;
	z-index: 1; 
	}
DIV#Auteur {
	font-size: 250%;
	color: #335;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	font-style: italic;
	text-shadow: #DDF 4px 4px 3px;
	}
DIV.bloc, HR.bloc {
	clear: both;
	}
DIV.update {
	font-size: 80%;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	}
DIV.musique {
	font-size: 80%;
	position: absolute;
	top: 10px;
	right: 5px;
	text-align: center;
	}
div.Main {
	background-color: #FFF;
	padding: 5px 2px;
	border-top: #E2E2E2 solid 8px;
	border-left: #D6D6D6 solid 8px;
	border-bottom: #999 solid 8px;
	border-right: #969696 solid 8px;
	margin-top: 4em;
	}
TABLE.maintable TD, TABLE.maintable TH { 
	border-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DDD;
	border-top-color: #DDD;
	border-width: 1px;
	}
DIV.pieddroit {
	font-size: 80%;
	position: absolute;
	right: 10px;
	text-align: center;
	}
DIV.piedgauche {
	font-size: 80%;
	position: absolute;
	left: 10px;
	text-align: center;
	vertical-align: bottom;
	}
DIV.piedcentre {
	text-align: center;
	margin-top: 20px;
	width: 90%;
	}

DIV.container {
	clear: both;
	text-align: center;
	}
	
/******************************************************************/
	@media screen and (max-width: 600px) {
		H1 {font-size: 160%; margin-left: 12%; margin-right: 12%;}
		H2 {font-size: 130%; margin-left: 10%; margin-right: 10%;}
		DIV.musique {max-width: 3em;}
		DIV.update {max-width: 4em;}
		DIV#Auteur {font-size: 135%}
		.moyengras {font-size: 110%}
		DIV.BodyText {margin-left: 2%; margin-right: 2%;}
		.center80 {margin-left: 0.5%; margin-right: 0.5%;}
		.center70, .center70a, .center70nj, .center60, .center60b, .center60c, .center60nj {
			margin-left: 3%; margin-right: 3%;
			}
		.center50 {margin-left: 6%; margin-right: 6%;}
		TABLE.bordgris, DIV.bordgris {border-width: 3px; padding: 3px;}
		DIV.musique {max-width: 3em;}
		DIV.update {max-width: 4em;}
	}

	@media screen and (min-width: 1200px) {
		DIV.BodyText,.center50 {margin-left: 30%; margin-right: 30%;}
		.center60, .center60b, .center60c, .center60nj {margin-left: 25%; margin-right: 25%;}
		.center70, .center70a, .center70nj {margin-left: 25%; margin-right: 25%;}
	}