/* CSS Document */
body {
	background-image: url(fr/images/fond_page.png);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #0B2640;
	text-decoration: underline;
	background-color: transparent
}
a:visited {
	color: #0B2640;
	text-decoration: underline;
	background-color: transparent
}
a:hover {
	color: #456888;
	text-decoration: underline;
	background-color: transparent
}
a:active {
	color: #456888;
	text-decoration: underline;
	background-color: transparent
}

.footer {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 9px;
	color: #698199;
	text-align: center;
	background-image: url(fr/images/footer.png);
	height: 17px;
	padding-top: 20px;
	width: 710px;
	bottom: 0px;
	margin-left: -355px;
	vertical-align: middle;
	position: fixed;
	z-index: 8;
	left: 50%;
	}
.footer a:link {
	color: #698199;
	background-color: transparent
		}
.footer a:visited {
	color: #698199;
	background-color: transparent
		}
.footer a:hover {
	color: #456888;
	background-color: transparent
		}
.footer a:active {
	color: #456888;
	background-color: transparent
		}
		
.marge_photo_droite {
	margin: 0px 0px 5px 5px;
}

.marge_photo_gauche {
	margin: 0px 5px 5px 0px;
}

.marge_liens_gauche {
	margin: 0px 15px 0px 10px;
	border: 1px solid #0B2640;
}

.sous_titre {
	background-image: url(fr/images/barre_ombre.png);
	background-repeat: repeat-x;
	margin-left: -355px;
	position: absolute;
	width: 710px;
	height: 97px;
	z-index: 4;
	left: 394px;
	top: 67px;
	visibility: visible;
}
	
.titre {
	left: 50%;
	top: 0px;
	margin-left: -355px; /* moitie de la largeur pour centrer horizontalement */
	margin-top: 0px; /* ne pas centrer verticalement le bloc de titre */
	height: 81px;
	width: 710px;
	z-index: 6;
	background-image: url(fr/images/barre_fond.png);
	visibility: visible;
	position: absolute;
}

.menu {
	position: absolute;
	width: 117px;
	height: 65px;
	z-index: 7;
	left: 60%;
	top: 7px;
	visibility: visible;
}
	
.accueil_texte {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 9px;
	font-style: normal;
	line-height: 9px;
	font-weight: normal;
	font-variant: normal;
	color: #203C52;
	text-align: justify;
	margin-left: -265px;
	margin-top: -38px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.accueil_texte {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 9px;
	font-style: normal;
	line-height: 9px;
	font-weight: normal;
	font-variant: normal;
	color: #203C52;
	text-align: justify;
	margin-left: -265px;
	margin-top: -38px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.accueil_texte a:link {
		color: #203C52;
		text-decoration: underline;
		background-color: transparent
		}
.accueil_texte a:visited {
		color: #203C52;
		text-decoration: underline;
		background-color: transparent
		}
.accueil_texte a:hover {
	color: #456888;
	text-decoration: underline;
	background-color: transparent
		}
.accueil_texte a:active {
		color: #456888;
		text-decoration: underline;
		background-color: transparent
		}

.ombre {
	background-image: url(fr/images/barre3.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment: fixed;
	vertical-align: top;
	left: 50%;
	top: 0px;
	margin-left: -371px;
	margin-top: 0px;
	width: 742px;
	position: fixed;
	visibility: visible;
	height: 100%;
}

.texte {
	font-family : "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0B2640;
	text-align: justify;
	}
	
.texte h1 { /* pour les listes d'extraits, le surlignement est actif que si la souris passe sur le lien. */
	font-family : "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0B2640;
	text-align: left;
	}
	
.texte h1 a:link {
		color: #0B2640;
		text-decoration: none;
		background-color: transparent
		}
.texte h1 a:visited {
		color: #0B2640;
		text-decoration: none;
		background-color: transparent
		}
.texte h1 a:hover {
	color: #456888;
	text-decoration: underline;
	background-color: transparent
		}
.texte h1 a:active {
		color: #456888;
		text-decoration: none;
		background-color: transparent
		}

.texte h2 { /* titres en gras avec fleche*/
	font-family : "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0B2640;
	text-align: left;
	display:list-item;
	list-style-image: url(fr/images/fleche_bleue.png);
	list-style-position: outside;
	}
	
.texte h3 { /* titres en gras sans fleche*/
	font-family : "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0B2640;
	text-align: left;
	}
		
.red {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #D13234;
	text-align: center;
	padding: 0px 20px 20px;
	}
	
	
.popup {
	font-family: "Lucida Grande", Geneva, Arial, sans-serif, serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #D8F1FF;
	text-align: left;
}


.popup a:link {
	color: #D8F1FF;
	background-color: transparent
		}
.popup a:visited {
	color: #D8F1FF;
	background-color: transparent
		}
.popup a:hover {
	color: #698199;
	background-color: transparent
		}
.popup a:active {
	color: #698199;
	background-color: transparent
		}


.popup h1 { /* titre de la serie et nom de l'extrait */
		font-size: 10px;
}	
.popup h2 { /* texte pour telecharger quicktime */
		font-size: 9px;
}
	
/* zone anti espaces entre paragraphes pour TOUS les styles p, h1, h2, etc. */
	
p { /* supprime le trop grand espace entre paragraphes <p> en un espace qui correspond a un simple retour ligne <br> (visuellement) */
	margin-bottom: 0px;
	margin-top: 0px;
}

h1 { /* supprime le trop grand espace entre un sous titre <h1> en un espace qui correspond a un simple retour ligne <br> (visuellement) */
	margin-bottom: 0px;
	margin-top: 0px;
}

h2 { /* supprime le trop grand espace entre un sous titre <h2> en un espace qui correspond a un simple retour ligne <br> (visuellement) */
	margin-bottom: 0px;
	margin-top: 0px;
}

h3 { /* supprime le trop grand espace entre un sous titre <h3> en un espace qui correspond a un simple retour ligne <br> (visuellement) */
	margin-bottom: 0px;
	margin-top: 0px;
}