.sauf_ecran {
	position: absolute;
	left: -1000px;
	top: -1000px;
}
body {
	background-image: url(bg_images/page_fd_body.jpg);
	background-repeat: repeat-x;
	background-color: #626262;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
body.texte {
	background-image: url(bg_images/texte_fd.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
	.annexe img {
	margin-left: 140px;
	}
.copyright {
	font-size: xx-small;
	color: #CCCCCC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.copyright a {
	color: #CCCCCC;
}
li {
	margin-bottom: 10px;
}
a img {
	border: none;
}
hr {
	visibility: hidden;
	clear: both;
}
/* ************************************************************************************************************************ */
/*                                                        CONTENEURS                                                        */
#contenu {
	height: 590px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
	.index #contenu {
		text-align: center;
	}
	.annexe #contenu {
	text-align: left;
	height: 514px;
	margin-top: 76px;
	}
	.texte #contenu {
		height: 100%;
		width: 867px;
		padding-left: 44px;
		padding-right: 44px;
	}
.illustration {
	background-image: url(bg_images/img_illustration.png);
	background-repeat: no-repeat;
	height: 285px;
	width: 135px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 98;
	border:none;
}
	.centre .illustration {
		top: 30px;
	}
	.s.centre .illustration {
		left: 245px;
	}
	.m.centre .illustration {
		left: 222px;
	}
	.l.centre .illustration {
		left: 200px;
	}
#texte {
	background-repeat: no-repeat;
	position: absolute;
	left: 78px;
	top: 18px;
	z-index: 97;
	height: 573px;
	overflow: auto;
}
	.annexe #texte {
	left: 395px;
	top: 108px;
	width: 561px;
	height: 406px;
	color: #FFFFFF;
	}
	.s #texte {
		background-image: url(bg_images/page_fd_texte-s.gif);
		width: 307px;
	}
	.m #texte {
		background-image: url(bg_images/page_fd_texte-m.gif);
		width: 363px;
	}
	.l #texte {
		background-image: url(bg_images/page_fd_texte-l.gif);
		width: 420px;
	}
	.s.gris #texte {
		background-image: url(bg_images/page_fd_texte-s_gris.gif);
	}
	.m.gris #texte {
		background-image: url(bg_images/page_fd_texte-m_gris.gif);
	}
	.l.gris #texte {
		background-image: url(bg_images/page_fd_texte-l_gris.gif);
	}
	.s.centre #texte {
		left: 327px;
	}
	.m.centre #texte {
		left: 304px;
	}
	.l.centre #texte {
		left: 281px;
	}
#texte_contenu {
	height: 501px;
	margin-left: 52px;
	margin-right: 52px;
	margin-top: 40px;
	margin-bottom: 30px;
	overflow: auto;
}
	.s #texte_contenu {
		width: 203px;
	}
	.m #texte_contenu {
		width: 259px;
	}
	.l #texte_contenu {
		width: 316px;
	}
#images {
	position: absolute;
	right: 0px;
	top: 38px;
	height: 538px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #EAEAEA;
	font-size: x-small;
	font-style: italic;
}
	.s #images {
		width: 556px;
	}
	.m #images {
		width: 500px;
	}
	.l #images {
		width: 443px;
	}
/* ************************************************************************************************************************ */

/* ************************************************************************************************************************ */
/*                                                       FORMATAGE TEXTE                                                    */
.page h1 {
	background-image: url(bg_images/page_h1.gif);
	height: 60px;
	width: 337px;
	position: absolute;
	left: 34px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}
.index h1,.annexe h1 {
	background-image: url(bg_images/index_h1.gif);
	height: 107px;
	width: 738px;
	position: absolute;
	left: 145px;
	top: 483px;
	margin: 0px;
	padding: 0px;
}
.annexe h1 {
	left: 208px;
	top: 0px;
}
.texte #titre {
	background-image: url(bg_images/texte_h1.jpg);
	height: 75px;
	width: 531px;
	margin-left: auto;
	margin-right: auto;
}
.page h2,.annexe h2,.texte h2 {
	text-align: center;
	font-size: small;
	color: #00A4E1;
	margin-top: 3px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.annexe h2 {
	text-align: left;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 0px;
}
.page h2 {
	margin-bottom: 0px;
}

.texte h2 {
	color: #4a94b5;
	margin-top: 25px;
}
	.gris #texte h2 {
		color: #FFFFFF;
	}
.page h3,.texte h3 {
	text-align: center;
	font-size: small;
	color: #00A4E1;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.texte h3 {
	text-align: left;
	color: #4a94b5;
	margin-top: 20px;
	margin-bottom: 5px;
}
.page p,.annexe p,.texte p {
	color: #132D40;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: justify;
}
	.gris p {
		color: #FFFFFF;
	}
.annexe p {
	color: #FFFFFF;
	margin-bottom: 15px;
	font-weight: bold;
}
p.lien {
	text-align: center;
	font-size: x-small;
	margin-top: 12px;
	margin-bottom: 0px;
}
.lien a, a  {
	text-decoration: none;
	color: #154580;
}
	.gris .lien a  {
		color: #FFFFFF;
	}
/* ************************************************************************************************************************ */

/* ************************************************************************************************************************ */
/*                                                        MARGES IMAGES                                                     */
img.marge_20 {
	margin-top: 20px;
}
img.marge_40 {
	margin-top: 40px;
}
img.marge_60 {
	margin-top: 60px;
}
img.marge_80 {
	margin-top: 80px;
}
img.marge_100 {
	margin-top: 100px;
}

/* ************************************************************************************************************************ */

/* ************************************************************************************************************************ */
/*                                                         BOUTONS                                                          */
.page .intro {
	background-image: url(bg_images/page_bt_intro.jpg);
	height: 38px;
	width: 87px;
	position: absolute;
	left: 412px;
	top: 0px;
}
.index .intro,.annexe .intro {
	background-image: url(bg_images/index_bt_intro.gif);
	height: 44px;
	width: 113px;
	position: absolute;
	left: 145px;
	top: 546px;
}
.annexe .intro {
	left: 208px;
	top: 64px;
}
.page .renaissance {
	background-image: url(bg_images/page_bt_renaissance.jpg);
	height: 38px;
	width: 122px;
	position: absolute;
	left: 499px;
	top: 0px;
}
.index .renaissance,.annexe .renaissance {
	background-image: url(bg_images/index_bt_renaissance.gif);
	height: 44px;
	width: 148px;
	position: absolute;
	left: 258px;
	top: 546px;
}
.annexe .renaissance {
	left: 321px;
	top: 64px;
}
.page .baroque {
	background-image: url(bg_images/page_bt_baroque.jpg);
	height: 38px;
	width: 90px;
	position: absolute;
	left: 621px;
	top: 0px;
}
.index .baroque,.annexe .baroque {
	background-image: url(bg_images/index_bt_baroque.gif);
	height: 44px;
	width: 111px;
	position: absolute;
	left: 406px;
	top: 546px;
}
.annexe .baroque {
	left: 469px;
	top: 64px;
}
.page .classicisme {
	background-image: url(bg_images/page_bt_classicisme.jpg);
	height: 38px;
	width: 111px;
	position: absolute;
	left: 711px;
	top: 0px;
}
.index .classicisme,.annexe .classicisme {
	background-image: url(bg_images/index_bt_classicisme.gif);
	height: 44px;
	width: 139px;
	position: absolute;
	left: 517px;
	top: 546px;
}
.annexe .classicisme {
	left: 580px;
	top: 64px;
}
.page .neoclassicisme {
	background-image: url(bg_images/page_bt_neoclassicisme.jpg);
	height: 38px;
	width: 133px;
	position: absolute;
	left: 822px;
	top: 0px;
}
.index .neoclassicisme,.annexe .neoclassicisme {
	background-image: url(bg_images/index_bt_neoclassicisme.gif);
	height: 44px;
	width: 156px;
	position: absolute;
	left: 656px;
	top: 546px;
}
.annexe .neoclassicisme {
	left: 719px;
	top: 64px;
}
.index .retour,.annexe .retour {
	background-image: url(bg_images/index_bt_retour.gif);
	height: 23px;
	width: 114px;
	position: absolute;
	top: 0px;
	z-index: 1;
	left: 0px;
}
	.annexe .retour {
		background-image: url(bg_images/index_bt_sommaire.gif);
	}
.texte .retour {
	background-image: url(bg_images/texte_bt_retour.jpg);
	height: 23px;
	width: 90px;
	float:left;
	display: block;
}
.index .biblio,.annexe .biblio {
	background-image: url(bg_images/index_bt_biblio.gif);
	height: 23px;
	width: 95px;
	position: absolute;
	top: 0px;
	z-index: 1;
	left: 114px;
}
.index .generique,.annexe .generique {
	background-image: url(bg_images/index_bt_generique.gif);
	height: 23px;
	width: 75px;
	position: absolute;
	top: 0px;
	z-index: 1;
	left: 209px;
}
.index .texte,.annexe .texte {
	background-image: url(bg_images/index_bt_texte.gif);
	height: 23px;
	width: 82px;
	position: absolute;
	top: 0px;
	z-index: 1;
	left: 284px;
}
.texte .sommaire {
	background-image: url(bg_images/texte_bt_sommaire.jpg);
	height: 23px;
	width: 128px;
	float:left;
	display: block;
}
/* ************************************************************************************************************************ */

/* ************************************************************************************************************************ */
/*                                                 COMPORTEMENT AU SURVOL                                                   */

a:focus {
	border: 1px solid #FFFF00;
	margin:-2px;
	background-position: 1px 1px;	
}

/* ************************************************************************************************************************ */