body /*body , page de 950 px, marges automatiques - police Geneva , fond jaune clair - */
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
			
	font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
	
	background: url("images/b10057.png") repeat;
	
}

#header /*en-tête : hauteur de 100px - fond logo copia - marges*/
{
	height: 100px;
	background : url("images/Entete.png") top right no-repeat;
	margin-top: 4px;
	margin-right: 20px;
}

#header img /*image dans en-tête (email) flottant à gauche*/
{
	float: left;
	margin-left: 50px;
	text-decoration: none;
	border: 0px ;
	
}

.imagesfloatleft /*formatage pour les images insérées flottant à gauche*/
{
	float: left;
	margin-right: 10px;
	}

.imagesfloatright /*formatage pour les images insérées flottant à droite*/
{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}

.lettrine  /*1ere lettre du titre Copia*/
{
	float: left top;
	font: bold 2em/1em Georgia, Times New Roman, Times, serif;
	color: #FF0000;
	border: none;
	background-color: url("images/b10057.png");
	margin-right: 3px;
	padding: 1px;
}

#definitions 
{
	font-size: small;
	font-style: italic;
}

h1 /*titre1 non visible*/
{
	text-indent: -50000px;
}

h2 /*titre 2, texte centré, fond rouge*//*#FFCC00*/
{
	text-align: center;
	background-color: #FF0000;
	margin-top: 25px;
}

h3 /*titre 3, texte à  gauche, police moyenne, fond rouge*/
{
	text-align: left;
	font-size: medium;
	background: #FF0000;
}
#textecenter/*centrage de texte*/
{	
	text-align: center;
}

#blocmenu /*menu vertical*/
{
	float: left;
	width: 150px;
	margin-top: 15px;
	color: black;
}

#blocmenu p /*paragraphes du bloc menu*/
{
	margin-left: 1em;
}
#blocmenu ul /*listes à puces du bloc menu*/
{
	margin: 0 0 1em 0;
	padding: 0.1em 0.5em 01.em 0;
	font-size: 0.8em;
	font-weight: bold;
	list-style: none;
}

#blocmenu li /*lignes de la liste à puces du bloc menu*/
{
	list-style-type: none; /*pas de puces*/
	margin-bottom: 30px; /*- espacement entre les boutons - instruction pour I.E.6*/
	line-height: 30px; /*- espacement entre les boutons - instruction pour Mozilla et Opéra*/

}

#blocmenu li a /*liens dans les listes à puces*/
{
	text-decoration: none; /*malgré le lien pas de différence de texte*/
	display: block;
	margin: 10px ;
	color: black;
	margin-bottom: 25px; /*- espacement entre les boutons - instruction pour I.E.6*/
	line-height: 25px; /*- espacement entre les boutons - instruction pour Mozilla et Opéra*/
	width: 150px;
	border: 3px outset #FF0000;
	background: #FFCC00;
	text-align: right;
	padding-right: 10px;
	
}

#blocmenu li a:hover /*liens survolés dans les listes à puces*/
{
	text-decoration: none;
	color: #FFCC00;
	background: black;
	padding-right: 10px;
}

	
#contenu /*corps de la page html*/
{
	margin-left: 220px;
	margin-top: 15px;
}
	
#contenu p /*paragraphe dans le corps*/
{
	margin: 0 0 0 1em;
	padding: 5px;
	text-align: justify;
}



#tableau_accueil /*tableau de la page index - images*/
{
	margin-left: 220px;
	margin-top: 15px;
}

#tableau_accueil td /*cellules dans le tableau de la page index - images*/
{
	padding: 10px;
	border-width: 4px;
	border-style:ridge;
	border-color: #FF0000;
	border-spacing: 100px;
	background-color: #FFCC00;
	text-align: center;
}


#affiches li /*listes à puces dans page affiches*/
{
	list-style-image: url("images/affiches_supports_puce.gif");
	padding: 5px;
}

dt
{
	font-weight: bold;
	color: #FF0000;
	margin-left: 20px;
	margin-top: 15px;
	padding: 7px;
}

#image_num p/*paragraphe centré dans page Numérisation*/
{
	text-align: center
}
	
#tableau_plateformes /*tableau plateformes de la page fichiers.html*/
{
	text-align: center;
}

#tableau_plateformes td /*cellules du tableau plateformes de la page fichiers.html*/
{
	width: 300px;
	padding: 0px;
	text-align: center;
	font-size: small;
	
}
	
#tableau_supports td /*cellules du tableau supports de la page fichiers.html*/
{
	width: 170px;
	padding: 0px;
	text-align: center;
	font-size: small;
}
	
#tableau_fichiers1 td /*cellules du tableau formats de fichiers de la page fichiers.html*/
{
	width: 170px;
	padding: 0px;
	text-align: center;
	font-size: small;
}	
	
#tableau_fichiers2 td /*cellules du tableau formats natifs de la page fichiers.html*/
{
	width: 170px;
	padding: 0px;
	text-align: center;
	font-size: small;
}		

#image_plan /*image du plan d'accès copia*/
{
	width: 652px;
	height: 452px;
	margin-left: 30px;
	margin-top: 50px;
	border-style: none 0px;
	background: url("images/plan.gif") no-repeat;	
}

#image_planzoom /*image du plan zoom d'accès copia*/
{
	position: absolute;
	top: 390px;
	left: 300px;
	background: url("images/Plan-zoom1.png") no-repeat;
}

#facade p /*paragpraphe  de la page Coordonnées*/
{
	text-align: center;
}

#popart p /*paragpraphe  de la pagePopArt*/
{
	text-align: center;
}

#pied /*pied de page*/
{
	clear: both;
	margin-left: 220px;
}
#pied p /*paragraphes dans pied de page*/
{
	text-align: center;
	color: black;
	padding: 5px;
	font-weight: bold;
	font-size: 0.7em;
	letter-spacing: 2--9874-px;
	background-color: #FFCC00;
	border: 1px solid #FF0000;
}

#menuh /*menu horizontal du bas*/
 {
	margin-top: 15px;
	list-style-type: none;
	text-align: right;/*bloc menu positionné   à partir de la droite*/
}

#menuh li /*liste à puces du menu horizontal du bas*/
{
	display: inline;
	color: #FFCC00;	
	font-size: 0.8em;
	font-weight: bold;
}
	
#menuh li a /*liens dans listes à puces du menu horizontal du bas*/
{
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left:10px;
	
	color: #FFCC00;
	text-decoration: none;
	background-color: black;
	border: 3px outset #FF0000;
}
#menuh a:hover, #menuh  a:focus  /*liens survolés dans listes à puces du menu horizontal du bas*/
{
	text-decoration: none;
	color: black;
	background-color: #FFCC00;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;		
	border: 3px outset #FF0000;
}


/*tests pour infobulles*/
a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: #FFCC00;
text-align: center;
font-size: 0.8em;
color: black;
padding: 2px;
}