/* CSS Document */

body {
	margin: 6px;
	padding: 0px;
}
#contenu {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	position: relative;
	left: auto;
	right: auto;
}
#copyright {
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CC9933;
	width: 98%;
	margin-top: 3px;
	margin-bottom: 3px;
	position: absolute;
	bottom: 0px;	
}
#copyright img {
	vertical-align: text-top;
}
.copyright a {
	color: #CC9933;
}
.copyright a:hover {
	color: #52402A;
	text-decoration: underline overline;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #330000;
	width: 100%;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-color: #663300;
	border-bottom-style: groove;
	font-variant: small-caps;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #663300;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
h2 a:link, h2 a:visited {
	color: #663300;
	/*text-decoration: none;*/
}
h2 a:hover,h2 a:focus {
	color: #660000;
	text-decoration: overline underline;
}
.impression_seul {
	display: none;
}
.ecran_seul {
}
.pda_seul {
	display: none;
}
.ecran-pda_seul {
}
.impression-pda_seul {
	display: none;
}
/*--------------------------------------------*/
/*---------------------INDEX------------------*/
/*--------------------------------------------*/
#index_haut_1 {
	background-image: url(bg_images/index_haut_1.jpg);
	height: 88px;
	width: 485px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bt_print {
	display: none;
}
#boite_index_haut_3 {
	background-image: url(bg_images/index_haut_2.jpg);
	height: 245px;
	width: 471px;
	position: absolute;
	left: 485px;
	top: 0px;
}
	.index_bt-biblio_1 {
		background-image: url(bg_images/index_bt-biblio_1.jpg);
		height: 25px;
		width: 118px;
		position: absolute;
		left: 20px;
		top: 44px;
	}
	a.index_bt-biblio_1:active,a.index_bt-biblio_1:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 21px;
		width: 114px;
	}
	.index_bt-biblio_2 {
		background-image: url(bg_images/index_bt-biblio_2.jpg);
		height: 55px;
		width: 72px;
		position: absolute;
		left: 20px;
		top: 69px;
	}
	a.index_bt-biblio_2:active,a.index_bt-biblio_2:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 51px;
		width: 68px;
	}
	.index_bt-texte {
		background-image: url(bg_images/index_bt-texte.jpg);
		height: 33px;
		width: 186px;
		position: absolute;
		left: 92px;
		top: 69px;
	}
	a.index_bt-texte:active,a.index_bt-texte:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 29px;
		width: 182px;
	}
	.index_bt-retour_1 {
		background-image: url(bg_images/index_bt-retour_1.jpg);
		height: 88px;
		width: 86px;
		position: absolute;
		left: 192px;
		top: 102px;
	}
	a.index_bt-retour_1:active,a.index_bt-retour_1:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 84px;
		width: 82px;
	}
	.index_bt-retour_2 {
		background-image: url(bg_images/index_bt-retour_2.jpg);
		height: 34px;
		width: 103px;
		position: absolute;
		left: 278px;
		top: 90px;
	}
	a.index_bt-retour_2:active,a.index_bt-retour_2:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 30px;
		width: 99px;
	}
	.index_bt-gene {
		background-image: url(bg_images/index_bt-gene.jpg);
		height: 41px;
		width: 116px;
		position: absolute;
		left: 354px;
		top: 130px;
	}
	a.index_bt-gene:active,a.index_bt-gene:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 37px;
		width: 112px;
	}
	.index_bt-glossaire {
		background-image: url(bg_images/index_bt-glossaire.jpg);
		height: 50px;
		width: 89px;
		position: absolute;
		left: 381px;
		top: 80px;
	}
	a.index_bt-glossaire:active,a.index_bt-glossaire:focus {
		background-position: -2px -2px;
		border: 2px solid #CC9933;
		height: 46px;
		width: 85px;
	}
.index_bt-intro,.index_bt-gothique,.index_bt-renaissance,.index_bt-louis-XIII,.index_bt-louis-XIV,.index_bt-regence,.index_bt-louis-XV,.index_bt-transition,.index_bt-louis-XVI,.index_bt-directoire,.index_bt-empire,.index_bt-restauration,.index_bt-l-philippe,.index_bt-napoleon-III {
	width: 208px;
	height: 66px;
}
a.index_bt-intro:active,a.index_bt-gothique:active,a.index_bt-renaissance:active,a.index_bt-louis-XIII:active,a.index_bt-louis-XIV:active,a.index_bt-regence:active,a.index_bt-louis-XV:active,a.index_bt-transition:active,a.index_bt-louis-XVI:active,a.index_bt-directoire:active,a.index_bt-empire:active,a.index_bt-restauration:active,a.index_bt-l-philippe:active,a.index_bt-napoleon-III:active {
	background-position: -2px -2px;
	border: 2px solid #CC9933;
	width: 204px;
	height: 62px;
}
a.index_bt-intro:focus,a.index_bt-gothique:focus,a.index_bt-renaissance:focus,a.index_bt-louis-XIII:focus,a.index_bt-louis-XIV:focus,a.index_bt-regence:focus,a.index_bt-louis-XV:focus,a.index_bt-transition:focus,a.index_bt-louis-XVI:focus,a.index_bt-directoire:focus,a.index_bt-empire:focus,a.index_bt-restauration:focus,a.index_bt-l-philippe:focus,a.index_bt-napoleon-III:focus {
	background-position: -2px -2px;
	border: 2px solid #CC9933;
	width: 204px;
	height: 62px;
}
.index_bt-intro {
	background-image: url(bg_images/index_bt-intro.jpg);
	position: absolute;
	left: 53px;
	top: 94px;
}
.index_bt-gothique {
	background-image: url(bg_images/index_bt-gothique.jpg);
	position: absolute;
	left: 261px;
	top: 127px;
}
.index_bt-renaissance {
	background-image: url(bg_images/index_bt-renaissance.jpg);
	position: absolute;
	left: 53px;
	top: 160px;
}
.index_bt-louis-XIII {
	background-image: url(bg_images/index_bt-louis-XIII.jpg);
	position: absolute;
	left: 261px;
	top: 193px;
}
.index_bt-louis-XIV {
	background-image: url(bg_images/index_bt-louis-XIV.jpg);
	position: absolute;
	left: 53px;
	top: 226px;
}
.index_bt-regence {
	background-image: url(bg_images/index_bt-regence.jpg);
	position: absolute;
	left: 261px;
	top: 259px;
}
.index_bt-louis-XV {
	background-image: url(bg_images/index_bt-louis-XV.jpg);
	position: absolute;
	left: 53px;
	top: 292px;
}
.index_bt-transition {
	background-image: url(bg_images/index_bt-transition.jpg);
	position: absolute;
	left: 261px;
	top: 325px;
}
.index_bt-louis-XVI {
	background-image: url(bg_images/index_bt-louis-XVI.jpg);
	position: absolute;
	left: 53px;
	top: 358px;
}
.index_bt-directoire {
	background-image: url(bg_images/index_bt-directoire.jpg);
	position: absolute;
	left: 261px;
	top: 391px;
}
.index_bt-empire {
	background-image: url(bg_images/index_bt-empire.jpg);
	position: absolute;
	left: 53px;
	top: 424px;
}
.index_bt-restauration {
	background-image: url(bg_images/index_bt-restauration.jpg);
	position: absolute;
	left: 261px;
	top: 457px;
}
.index_bt-l-philippe {
	background-image: url(bg_images/index_bt-l-philippe.jpg);
	position: absolute;
	left: 53px;
	top: 490px;
}
.index_bt-napoleon-III {
	background-image: url(bg_images/index_bt-napoleon-III.jpg);
	position: absolute;
	left: 261px;
	top: 523px;
}
#index_titre {
	background-image: url(bg_images/index_titre.jpg);
	position: absolute;
	left: 539px;
	top: 245px;
	height: 150px;
	width: 393px;
}
/*--------------------------------------------*/
/*----------------TOUTES PAGES----------------*/
/*--------------------------------------------*/

/**************************/
/*---------TITRE----------*/
/**************************/
#titre {
	height: 37px;
	width: 845px;
	position: absolute;
	left: 5px;
	top: 6px;
}
	.titre_intro {
		background-image: url(../styles/bg_images/titre_intro.jpg);
	}
	.titre_gothique {
		background-image: url(../styles/bg_images/titre_gothique.jpg);
	}
	.titre_renaissance {
		background-image: url(../styles/bg_images/titre_renaissance.jpg);
	}
	.titre_louis-XIII {
		background-image: url(../styles/bg_images/titre_louis-XIII.jpg);
	}
	.titre_louis-XIV {
		background-image: url(../styles/bg_images/titre_louis-XIV.jpg);
	}
	.titre_regence {
		background-image: url(../styles/bg_images/titre_regence.jpg);
	}
	.titre_louis-XV {
		background-image: url(../styles/bg_images/titre_louis-XV.jpg);
	}
	.titre_transition {
		background-image: url(../styles/bg_images/titre_transition.jpg);
	}
	.titre_louis-XVI {
		background-image: url(../styles/bg_images/titre_louis-XVI.jpg);
	}
	.titre_directoire {
		background-image: url(../styles/bg_images/titre_directoire.jpg);
	}
	.titre_empire {
		background-image: url(../styles/bg_images/titre_empire.jpg);
	}
	.titre_restauration {
		background-image: url(../styles/bg_images/titre_restauration.jpg);
	}
	.titre_l-philippe {
		background-image: url(../styles/bg_images/titre_l-philippe.jpg);
	}
	.titre_napoleon-III {
		background-image: url(../styles/bg_images/titre_napoleon-III.jpg);
	}
	.titre_glossaire {
		background-image: url(../styles/bg_images/titre_glossaire.jpg);
	}
	.titre_generique {
		background-image: url(../styles/bg_images/titre_generique.jpg);
	}
	.titre_biblio {
		background-image: url(../styles/bg_images/titre_biblio.jpg);
	}
/**************************/
/*-------NAVIGATION-------*/
/**************************/
	/*------------BOUTON PAGE PRECEDENTE------------*/
	.bt_page-prec,a.bt_page-prec {
		height: 37px;
		width: 37px;
		position: absolute;
		left: 850px;
		top: 6px;
	}
		/*BOUTON SANS EFFET*/
		.bt_page-prec {
			background-image: url(bg_images/page-prec.jpg);
		}
		/*BOUTON ETAT NORMAL*/
		a.bt_page-prec {
			background-image: url(bg_images/bt_page-prec.jpg);
		}
		/*COMPORTEMENT SURVOL SOURIS*/
		a.bt_page-prec:hover {
			background-image: url(bg_images/bt_page-prec_S.jpg);
		}
		/*COMPORTEMENT SURVOL CLAVIER*/
		a.bt_page-prec:active,a.bt_page-prec:focus {
			background-image: url(bg_images/bt_page-prec_S.jpg);
			background-position: -2px -2px;
			border: 2px solid #660000;
			height: 33px;
			width: 33px;
		}
	/*------------BOUTON SOMMAIRE------------*/
		/*BOUTON ETAT NORMAL*/
		a.bt_page-somm {
			background-image: url(bg_images/bt_page-somm.jpg);
			height: 37px;
			width: 36px;
			position: absolute;
			left: 887px;
			top: 6px;
		}
		/*COMPORTEMENT SURVOL SOURIS*/
		a.bt_page-somm:hover {
			background-image: url(bg_images/bt_page-somm_S.jpg);
		}
		/*COMPORTEMENT SURVOL CLAVIER*/
		a.bt_page-somm:active,a.bt_page-somm:focus {
			background-image: url(bg_images/bt_page-somm_S.jpg);
			background-position: -2px -2px;
			border: 2px solid #660000;
			height: 33px;
			width: 32px;
		}
	/*------------BOUTON PAGE SUIVANTE------------*/
	.bt_page-suiv,a.bt_page-suiv {
		height: 37px;
		width: 37px;
		position: absolute;
		left: 923px;
		top: 6px;
	}
		/*BOUTON SANS EFFET*/
		.bt_page-suiv {
			background-image: url(bg_images/page-suiv.jpg);
		}
		/*BOUTON ETAT NORMAL*/
		a.bt_page-suiv {
			background-image: url(bg_images/bt_page-suiv.jpg);
		}
		/*COMPORTEMENT SURVOL SOURIS*/
		a.bt_page-suiv:hover {
			background-image: url(bg_images/bt_page-suiv_S.jpg);
		}
		/*COMPORTEMENT SURVOL CLAVIER*/
		a.bt_page-suiv:active,a.bt_page-suiv:focus {
			background-image: url(bg_images/bt_page-suiv_S.jpg);
			background-position: -2px -2px;
			border: 2px solid #660000;
			height: 33px;
			width: 33px;
		}
/**************************/
/*----------LOGO----------*/
/**************************/
#logo {
	height: 298px;
	width: 264px;
	position: absolute;
	left: 5px;
	top: 43px;
}
#logo_annexes {
	background-image: url(bg_images/logo_annexes.jpg);
	background-repeat: no-repeat;
	width: 210px;
	height: 445px;
	position: absolute;
	left: 5px;
	top: 43px;
}
	.logo_intro {
		background-image: url(bg_images/logo_intro.jpg);
	}
	.logo_gothique {
		background-image: url(bg_images/logo_gothique.jpg);
	}
	.logo_renaissance {
		background-image: url(bg_images/logo_renaissance.jpg);
	}
	.logo_louis-XIII {
		background-image: url(bg_images/logo_louis-XIII.jpg);
	}
	.logo_louis-XIV {
		background-image: url(bg_images/logo_louis-XIV.jpg);
	}
	.logo_regence {
		background-image: url(bg_images/logo_regence.jpg);
	}
	.logo_louis-XV {
		background-image: url(bg_images/logo_louis-XV.jpg);
	}
	.logo_transition {
		background-image: url(bg_images/logo_transition.jpg);
	}
	.logo_louis-XVI {
		background-image: url(bg_images/logo_louis-XVI.jpg);
	}
	.logo_directoire {
		background-image: url(bg_images/logo_directoire.jpg);
	}
	.logo_empire {
		background-image: url(bg_images/logo_empire.jpg);
	}
	.logo_restauration {
		background-image: url(bg_images/logo_restauration.jpg);
	}
	.logo_l-philippe {
		background-image: url(bg_images/logo_l-philippe.jpg);
	}
	.logo_napoleon-III {
		background-image: url(bg_images/logo_napoleon-III.jpg);
	}

#fond_logo {
	background-image: url(bg_images/fond_logo.jpg);
	position: absolute;
	left: 5px;
	top: 342px;
	height: 249px;
	width: 264px;
}
#texte_intro {
	position: absolute;
	left: 366px;
	top: 293px;
	width: 583px;
	height: 267px;
	overflow: auto ;
}
#texte,#texte_intro,#texte_glossaire,#texte_annexes {
	padding-top: 30px;
	padding-bottom: 2px;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
#texte p,#texte_intro p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #330000;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
#texte_annexes p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #330000;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
#texte_glossaire {
	height: 378px;
	color: #663300;
	/*margin-top: 20px;*/
}
#texte_glossaire p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
}
p a {
	font-style: normal;
	text-decoration: underline;
	color: #330000;
}
#texte {
	position: absolute;
	left: 270px;
	top: 43px;
	width: 325px;
	overflow: auto;
	height: 516px;	
}
.fond_txt_louis-XV {
	background-image: url(bg_images/fond_txt_louis-XV.jpg);
	background-repeat: no-repeat;	
}
#texte_annexes,#texte_glossaire {
	position: absolute;
	left: 216px;
	top: 43px;
	width: 513px;
	height: 413px;
	overflow: auto;
}
#boite_droite {
	position: absolute;
	margin: 0px;
	padding: 0px;
	height: 547px;
	width: 356px;
	left: 605px;
	top: 43px;
	vertical-align: text-top;
}
img {
	vertical-align: text-top;
}

/*--------------------------------------------*/
/*----------------INTRODUCTION----------------*/
/*--------------------------------------------*/
#boite_intro {
	position: absolute;
	left: 269px;
	top: 43px;
	margin: 0px;
	padding: 0px;
	height: 205px;
	width: 683px;
}
#intro_regnes {
	height: 101px;
	width: 685px;
	background-image:url(bg_images/intro_regnes.jpg);
}
a.intro_gothique {
	height: 105px;
	width: 264px;
	background-image:url(bg_images/intro_gothique.jpg);
	position: absolute;
	top: 100px;
	left: 0px;
}
a.intro_renaissance {
	height: 105px;
	width: 210px;
	background-image:url(bg_images/intro_renaissance.jpg);
	position: absolute;
	top: 101px;
	left: 0px;
}
a.intro_louis-XIII {
	height: 105px;
	width: 100px;
	background-image:url(bg_images/intro_louis-XIII.jpg);
	position: absolute;
	top: 101px;
	left: 210px;
}
a.intro_louis-XIV {
	height: 105px;
	width: 66px;
	background-image:url(bg_images/intro_louis-XIV.jpg);
	position: absolute;
	top: 101px;
	left: 310px;
}
a.intro_regence {
	height: 106px;
	width: 50px;
	background-image:url(bg_images/intro_regence.jpg);
	position: absolute;
	top: 101px;
	left: 376px;
}
a.intro_louis-XV {
	height: 106px;
	width: 61px;
	background-image:url(bg_images/intro_louis-XV.jpg);
	position: absolute;
	top: 101px;
	left: 426px;
}
a.intro_louis-XVI {
	height: 106px;
	width: 24px;
	background-image:url(bg_images/intro_louis-XVI.jpg);
	position: absolute;
	top: 101px;
	left: 487px;
}
a.intro_directoire {
	height: 106px;
	width: 19px;
	background-image:url(bg_images/intro_directoire.jpg);
	position: absolute;
	top: 101px;
	left: 511px;
}
a.intro_empire {
	height: 106px;
	width: 19px;
	background-image:url(bg_images/intro_empire.jpg);
	position: absolute;
	top: 101px;
	left: 530px;
}
a.intro_restauration {
	height: 105px;
	width: 23px;
	background-image:url(bg_images/intro_restauration.jpg);
	position: absolute;
	top: 101px;
	left: 549px;
}
a.intro_l-philippe {
	height: 105px;
	width: 38px;
	background-image:url(bg_images/intro_l-philippe.jpg);
	position: absolute;
	top: 101px;
	left: 572px;
}
a.intro_napoleon-III {
	height: 105px;
	width: 75px;
	background-image:url(bg_images/intro_napoleon-III.jpg);
	position: absolute;
	top: 101px;
	left: 610px;
}
a.question {
	font-size: x-small;
	text-align: center;
	margin-top: 10px;
	display: block;
	color: #996600;
}
a.question:hover {
	color: #993300;
	text-decoration: underline overline;
}