body {
	font-family: Arial, sans-serif;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: F5F9FA;
}

/**** CLASS pour définir la bordure de la page ****/

.contour {
	border: solid 1px #3D8697;
}


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

	#montage {
	float:left;
	position:relative;
	margin: 0;
	padding: 0;
	width:760px;
	height:225px;
	background-color: transparent;
	}
	
		#image_thematique {
		position:absolute;left:0px;top:58px;z-index:10;
		margin: 0;
		padding: 0;
		width:760px;
		height:150px;
		background-color: transparent;
		}
		
				#image_thematique_sommaire {
				position:absolute;left:0px;top:58px;z-index:10;
				margin: 0;
				padding: 0;
				width:760px;
				height:150px;
				background-color: transparent;
				}

		#entete_masque{
		position:absolute;left:0px;top:0px;z-index:50;
		margin: 0;
		padding: 0;
		width:760px;
		height:225px;
		background-image:url(images/entete.png);
		background-repeat:no-repeat;
		}
		
				#entete_masque_sommaire{
				position:absolute;left:0px;top:0px;z-index:50;
				margin: 0;
				padding: 0;
				width:760px;
				height:225px;
				background-image:url(images/entete-sommaire.png);
				background-repeat:no-repeat;
				}
				
		#logo_site {
		position:absolute;left:10px;top:10px;z-index:60;
		margin: 0;
		padding: 0;
		width:100px;
		height:100px;
		background-color: transparent;
		}
		
		#titre {
		position:absolute;right:0px;top:0px;z-index:60;
		margin: 0;
		padding: 0;
		width: 594px;
		height:64px;
		background-color: transparent;
		}
		
				#titre_1 {
				position:absolute;right:0px;top:0px;z-index:60;
				margin: 0;
				padding: 0;
				width: 594px;
				height:64px;
				background-color: transparent;
				}
		
				#titre_2 {
				position:absolute;right:0px;top:20px;z-index:400;
				margin: 0;
				padding: 0;
				width: 594px;
				height:64px;
				background-color: transparent;
				}
			
		
#montage_trame {
	float:left;
	position:relative;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background-color: transparent;
	}
	
		#trame {
		position:absolute;left:0px;top:0px;z-index:200;
		margin: 0;
		padding: 0;
		width: 760px;
		height:480px;
		background-color: transparent;
		}
		
		#trame_masque{
		position:absolute;left:0px;top:0px;z-index:300;
		margin: 0;
		padding: 0;
		width:760px;
		height:480px;
		background-image:url(images/trame-masque.png);
		background-repeat:no-repeat;
		}
		
		#navigation_entree{
		position:absolute;left:150px;top:200px;z-index:500;
		margin: 0;
		padding: 0;
		width:760px;
		height:300px;
		background-color: transparent;
		}

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

/**** CLASS générale pour spécifier une dimension de caractères équivalante à la valeur par défault (16 pixels).
Ainsi, le texte placé directement dans une cellule de tableau (td) sera affecté par la feuille de style de la même façon 
que si les balises p, h ou div étaient utilisées. ****/ 
td {
	vertical-align: top;
	text-align: left;
	font-size: 16px;
}

td.corps {
	background-color: #FFFFFF;
	height: 300px;
}

td.corps_fond {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

td.corps_fond_album {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.sommaire {
	height: 600px;
	width: 760px;
	text-align: center;
	vertical-align: top;
	background-image: url('images/Interface_page_entree.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.fond_colonne {
	background-color: #CCCCCC;
}

td.colonne {
	padding-top: 10px;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-right: 8px;
}

td.bouton_colonne_top {
	height: 30px;
	padding-top: 14px;
	text-align: center;
	background-image: url('images/bouton-colonne-droite.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

td.bouton_colonne {
	height: 20px;
	padding-top: 4px;
	text-align: center;
	background-image: url('images/bouton-colonne-droite.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.fond_menu {
	background-color: #3D8697;
}

td.menu1 {
	height: 29px;
	line-height:29px;
	padding-top: 0px;
	padding-left: 10px;
	background-image: url('images/bouton-menu-gauche.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/**** CLASS pour les items du menu affichés sur 2 lignes ****/

td.menu2 {
	vertical-align: top;
	height: 45px;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url('images/bouton-menu-gauche2.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/**** CLASS POUR EFFET onMouseOver >>>  ********/

td.menu1_on {
	height: 29px;
	line-height:29px;
	padding-top: 0px;
	padding-left: 10px;
	background-image: url('images/bouton-menu-gauche-over.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

/**** CLASS pour les items du menu affichés sur 2 lignes ****/

td.menu2_on {
	vertical-align: top;
	height: 45px;
	padding-top: 8px;
	padding-left: 10px;
	background-image: url('images/bouton-menu-gauche2-over.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	
}

td.cadre_recherche {
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
	padding-top: 0px;
	background-color: transparent;
}

td.bas_de_page {text-align: center;}

td.date_style {
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
	font-size: 70%;
	color: #064953;
	font-weight: bold;
	background-image: url('images/date.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

td.bouton_pub {
	text-align: center;
	padding-top: 0px;	
}

a {
	color: #3D859D;
	text-decoration: none;
}

a:link {
	color: #3D859D;
	text-decoration: none;
}

a:visited {
	color: #3D859D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #3D859D;
}

a:hover.img {
	background-color: transparent;
}

a.a_menu {
	font-size: 70%;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
}

a.a_menu:link {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

a.a_menu:visited {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

a.a_menu:hover {
	color: #FFFFFF;
	background-color: #094953;
	text-decoration: none;
}

a.a_sous_menu {
	font-size: 80%;
	font-family: Arial;
	padding-left: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #191970;
}

.logo	{
	margin-left: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.logo-left	{
	display: inline; 
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.logo-right	{
	display: inline; 
	float: right;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.logo_sans_marge { padding:0; margin: 0;}

.chapo {
	font-weight: normal;
	font-size: 80%;
	color: #464646;
}

.titre-documents {
	font-size: 70%;
	font-weight: bold;
	color: #464646;
}

.texte-documents {
	font-size: 70%;
	font-weight: normal;
	color: #464646;
}

.titre {
	font-size: 100%;
	font-weight: bold;
	color: #464646;
}

.titre-moyen {
	font-size: 90%;
	font-weight: bold;
	color: #464646;
}

.titre-extrait {
	font-size: 80%;
	font-weight: bold;
	color: #464646;
}

.titre-petit {
	font-size: 70%;
	font-weight: bold;
	color: #464646;
}

.texte {
	font-size: 80%;
	font-weight: normal;
	color: #464646;
}

.texte-petit {
	font-size: 70%;
	font-weight: normal;
	color: #464646;
}

.texte-date {
	font-size: 60%;
	font-weight: normal;
	color: #464646;
}

.texte_print {
	font-family: Times New Roman;
	font-size: 16px;
	font-weight: normal;
	color: #464646;
}

.titre-extrait_print {
	font-family: Times New Roman;
	font-size: 16px;
	font-weight: bold;	
	color: #464646;
}

.titre_print {
	font-family: Times New Roman;
	font-size: 20px;
	font-weight: bold;
	color: #464646;
}

.detail {
	font-size: 70%;
	color: #464646;
	font-weight: normal;
}

hr {
	color: #C4C4C4;
	height: 1px;
	margin: 0em auto;
	width:100%;
}

/* Formulaire de recherche */

.formulaire_recherche {
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	border: solid 0px red;
	background-color: #3D8697;
}

/* 	On met en background de la fenêtre de saisie la même image que dans le conteneur
 ou un fond blanc ou de couleur car un fond transparent rend difficile la mise en place du curseur
 pour effectuer une recherche. */
.formulaire_recherche input.text { 
	width:120px ;
	height:18px;
	font-size:80%;
	padding: 1px 0 0 3px;
	margin:8px 0 30px 6px;
	border: solid 1px #FFFFFF;
	background-color: #9BB7C3;
}

.formulaire_recherche label {display: none;}

img { 
	margin: 0; padding: 0; border: none;
}

/*** section menu 2ieme niveau ***/

div.sub_menu  {	
	font-size: 11px;
	white-space: nowrap;
	background-color: #3D8697;
	color: White;
	font-weight: bold;
	z-index: 200;
	display: none;
	position: absolute;
}

li.menu {
	list-style: none;
	list-style-type: none;
	background-color: #3D8697;
	color: White;
	padding: 5px;
}

li.menu_on {
	list-style: none;
	list-style-type: none;
	background-color: #094953;
	color: White;
	padding: 5px;
}

a.menu {
	color: White;
	padding-right: 10px;
}

a.menu:visited {
	color: White;
}
a.menu:hover {
	color: White;
	text-decoration: none;
}
a.menu_on {
	color: White;
	text-decoration: none;
	padding-right: 10px;
}
a.menu_on:visited {
	color: White;
}
a.menu_on:hover {
	color: White;
	text-decoration: none;
}