/* CSS Document */

/* ==== Paramètres relatifs à l'accessiblité*/
/*prise en compte du texte  par défaut en absolu de 12 px pour une transposition en em (valeur relative)*/
html,
/*body{
	\height:100%;
}*/
/* Pour habillage des pages par défaut */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color: #666666;
	margin: 0;
	padding: 0;
	background-color:white;
	width:100%;
	/*centrage de la page*/
	 text-align: center; /* correction du bug de centrage IE 
	 réalignement du texte dans le conteneur*/}
/*centrage*/


p {
	font-family: Helvetica, sans-serif;
	font-size:0.95em;
	color: #666666;
}
/*td, a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color: #666666;
}*/
a:link, a:visited, a:hover {
	font-size:0.95em;
	text-decoration: underline;
	voice-family: "\"}\"";
	voice-family:inherit;
}

.small {
	font-size: 75%;
	}
.gras{font-weight: bold;
 color: #666666; 
}
 .important{font-weight: bold; font-size:0.95em;
 color: #990000; 
 }
	/* ===================== Titre des pages =============================== */
h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 110%;
 font-weight: bold;
 color: #666666;
 }
 h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 105%;
 font-weight: bold;
 color: #666666;padding-top:0px; padding-bottom:0px;
}

h3{
 font-size: 100%;
}

h4{
 font-size: 95%;
 }

/*====fin des données relatives à l'accessibilité texte ===*/

/*Positionnement et centrage container principal contenant les pages web*/
#conteneur_site {
 padding-right:0px;padding-left:0px; 
   position: relative ; margin-left: auto;
   margin-right: auto;
   width: 879px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
  font-family: Trebuchet MS, Arial, Verdana, sans-serif; 
  text-align: left; /* Réalignement du texte à gauche par défaut.*/
}

#bandeau {
	clear:left; width: 879px; height: 146px;
	width:100% ;
	margin-left: 0px;
	margin-top:0px;
		/*background-color:white;*/
}	
#Conteneur_MG {
	/*conteneur du menu gauche vertical, contenu dans calque"Layer1" de largeur 240px*/    
    /*position du conteneur MG*/
    float:left;
    vertical-align:top;
	position:relative;
	/*structure*/
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:240px;
	height:430px;
	border:0px;
	font-size: 0.95em;
}

#toutlemenu{
	/*position du menu*/
	visibility: visible;
	/*propriétés des espaces intérieurs*/
	padding-left:6px; 
	padding-right:6px;
	/*apparence*/
	width:240px;
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cca;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #cca;
}
/*========== Créations récentes=========*/
#container_actucreations{
	/*position calque container_créations récentes=> calque de fond*/
 height:120px;
	visibility: visible;
	/*position:absolute retire complètement l'élément concerné du flux, et le place aux coordonnées définies par les propriétés bottom, left, right ou top. Ici dans le container MenuGauche pour le déplacement harmonieux lors de l'usage du menu vertical gauche. */
 position:absolute;
	/*float non nécessaire puisque défini dans le container Menu Gauche*/
 width:251px; /*height:115px;*/
	z-index:1;
	/*Structure calque container_créations récentes*/
 /*verre-fusion-couleur.gif background-color: #CCCCCC;*/
 background-color: #CCCCCC;
	margin-top: 5px;
	/*bord gauche clair*/
  /*apparence calque container_créations récentes*/
    border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cca;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #cca;
	/*background-image: url(accueil_fichiers/verre-fusion-couleur.gif);*/
}
#Layer1 {
	position:relative;
	float:left;
	width:240px;
	height:430px;
	z-index:1;
	visibility: visible;
	background-color: #FFFFFF;
}

/* =======Information sur les créations récentes ======*/
/*- calque fixe pour pages focus à la racine =====*/
#actucreations {
    /*position calque créations récentes=> calque du dessus*/
	visibility: visible;
	position:absolute; width:240px; height:95px; z-index:2;
	/*Structure calque créations récentes*/
	margin-top: 5px; margin-left:5px;
	padding-top:1px;
	background-color: #CCCCCC;
	}
#actutitre {
text-align: center;font-weight:bold; font-size:0.90em;  font-family: Arial, Helvetica, sans-serif; 
color: #993333;/*bordeaux*/ text-decoration: none; margin:0.2em 0.5em 0.2em 0;
}	

#p_actu{font-weight:bold; font-size: 0.80em; color: #666666; font-family: Arial, Helvetica, sans-serif; 
}
.actu_floatleft{
	float: left;
	margin-right: 5px;
	padding:2px;}
.actu_floatleft a {
/* Pas de cadres autour de l'image-lien */
	border:none; text-decoration: none; 
  		}

	
/* =======Information sur la spécificité du site======*/
#idinfosite {font-size: 0.95em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#CC0099; text-align:center;
}
/*espacement de 4px fond blanc entre bandeau/menu et partie centrale-*/
#espacement {
	background:#FFFFFF; float: left; width: 879px; position: relative; height: 4px;
}

/*- création du menu-menu vertical avec rollover*/
.menugeneral{ 
   width:165px; 
   font-size: 0.95em;
   font-family: Arial, Helvetica, sans-serif;
   /*color:#000000; */
   border-color:#999999;
   background-color: #cccccc;
   margin-top:0px;
   margin-left: 20px;
   text-align:center;
   } 
.sousmenu{left: 10px;position: relative; visibility: visible; width: 159px;
}		   
.menu A{
	font-weight: bold; font-size: 0.95em; /*font-size:12px;*/ color: #CC0099; 
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
.menu A:hover{
	font-weight: bold;	font-size: 0.95em; /*font-size: 12px;*/ color:#6633CC; /*color: #ffffff;*/
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
.sousmenu A{
	font-size: 0.95em; /*font-size: 11px; color: #0033CC;*/ color: #CC0099;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
/*Réajustement de la taille de fonte des sous-menus du menu vertical dans le fichier "menu.js".=> 2 valeurs déclarées => ouverture menu ouverture direct menu*/

.sousmenu A:hover{
	font-size: 0.95em; color:#6633CC; /*color: #ffffff;*/ font-family: Arial,Helvetica,sans-serif; text-decoration: underline;
}

/*note perso. Pour obtenir une représentation correcte des pseudo-formats, il faut les noter dans l'ordre suivant: :link, :visited, :hover*/
/* ========== Conteneur partie centrale==========*/
/* contient les menus horizontaux, le chemin miette de pain, la barre de navigation utilitaire*/
#centre {
	float:right; width:70%;	height:auto;
}
#contenu{
    float:left; height:100%;
	margin-top:10px; margin-left:1.6em;
	/*valeur modifiée le 18/01/2008 ; initial 1.5em*/
	padding-top: 5px; width:62%; 
	border-top:0px; vertical-align:top;
	background-color: #FFFFFF;
	text-align:justify;
	}

#contenufocus{
    float:left; height:100%;
	margin-top:10px; margin-left:1.6em;
	/*valeur modifiée le 18/01/2008 ; initial 1.5em*/
	padding-top: 5px; width:67%; 
	border-top:0px; vertical-align:top;
	background-color: #FFFFFF;
	text-align:justify;
	}	          
#contenutxt{
    margin-left:0.3em;
	background-color: #FFFFFF;font-size: 0.95em;
	text-align:justify;
	}      
	

	  /*===================================*/
#contenu a {
	font-weight: bold; font-size: 0.95em; color: #666666;   
	font-family: Arial, Helvetica, sans-serif; text-decoration: none;
}
#contenu a:hover{
	font-weight: bold; font-size: 0.95em;  color: #CC0099;
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}

	  /*===================================*/
#contenufocus a {
	font-weight: bold; font-size: 0.95em; color: #666666;   
	font-family: Arial, Helvetica, sans-serif; text-decoration: none;
}
#contenufocus a:hover{
	font-weight: bold; font-size: 0.95em;  color: #CC0099;
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
/* ========== fin de conteneur partie centrale==========*/

/* ======================= MENUS HORIZONTAUX============================= */
/*Menu thématique=> navbarre1*/

#navbarre1{
	float:left;
	width:65%;
	/* margin-left:1.2em positionnement en float left, ce qui permet d'aligner la barre de navigation sur une ligne
	et de respecter visuellement l'espace initial de 25px par rapport au menu vertical*/
	/*modification 22/03/2009*/
	margin-left:1.5em;
	border: thin solid #CCCCCC;/*gris clair*/
   /*border: thin solid #999999;/*gris foncé*/
}

#MTheme {
	background-image: none;
	height:0.78em;
	}
#MTheme ul {
	list-style-type: none;margin-left:2px;padding: 0px;
	}	
#MTheme li {
	float: left;
	width: 110px;
	text-align:center;
	}
#MTheme a {
	font-weight: bold; font-size: 0.85em; color: #CC0099;  
	font-family: Arial, Helvetica, sans-serif; 
	display:block;text-decoration:none;
	}
#MTheme a:hover {
	font-weight: bold;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:overline;
	text-align: center;
	}
#MTheme a.selected {
	font-weight: bold;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:overline;
	text-align: center;
	}

/*===========Menu thème 2 pour ligne n° 3 centrée du menu horizontal 29/10/2009*/
#MTheme2 {margin-left: 55px; 
	background-image: none;
	height:0.78em;
	}
#MTheme2 ul {
	list-style-type: none;margin-left:7px;padding: 0px;
	}	
#MTheme2 li {
	float: left; 
	width: 215px;/*110px*/
	text-align:center;
	}
#MTheme2 a {
	font-weight: bold; font-size: 0.85em; color: #CC0099;  
	font-family: Arial, Helvetica, sans-serif; 
	display:block;text-decoration:none;
	}
#MTheme2 a:hover {
	font-weight: bold;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:overline;
	text-align: center;
	}
#MTheme2 a.selected {
	font-weight: bold;
	font-size: 0.85em;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:overline;
	text-align: center;
	}
                  /* ==========*/
/* ========== Repères navigation==========*/
/* Arborescence hiérarchique*/
#breadcrumb{
    float:left; width:65%;margin-left: 2.1em; padding-top:3px;
	background-color:#ffffff;font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; font-size: 0.85em; color: #666666; 
}
/* barre des utilitaires */
#utilitaires{float:left;  width:65%; margin-left: 2.1em; padding-top:5px; font-weight: bold; font-size: 0.90em;
/*modification 22/03/2009*/text-align:center;
}
#utilitaires ul li {display:inline;
}

#utilitaires a{font-size: 0.9em; font-weight: bold;/*modification 22/03/2009*/color: #0033CC; /*color: #666666;*/text-decoration: none;
}
#utilitaires a:hover{font-size: 0.90em; font-weight: bold; color: #CC0099;text-decoration: none;
}
/* barre des utilitaires bas*/
#utilitairesbas{float:left; margin-left: 0.1em; width:65%; padding-top:5px;  font-weight: bold; font-size: 0.85em;
}
#utilitairesbas a{/*modification 22/03/2009*/color: #0033CC; /*color: #666666;*/text-decoration: none;
}
#utilitairesbas ul li {display:inline;
}
#utilitairesbas ul li a{font-size: 0.85em; text-decoration: none;
}

#normalisation{line-height: 1.9em;/*alignement sur les utilitaires bas */
 }
#normalisation a {
	font-weight: bold; font-size: 0.65em; color:#666666;   
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	}
#normalisation a:hover {
	font-weight: bold;
	font-size: 0.65em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:overline;
	}
/*====contenu texte =====*/
/*titres définis dans la partie accessibilité*/
.parag{
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.85em; ; color: #666666;
}
/*==========Partie Homme============*/
/*Prise en compte de la couleur rouge identifiante de la partie "Thématique homme"
La thématique homme est visualisée dans une table de 590px composée de 2 colonnes
une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=6px*/
#Menuhomme{text-align:left; margin-left:15px; 
}
#Menuhomme a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.9em; color:#CC0033; 
	font-family: Arial, Helvetica, sans-serif;
	/* =>text-decoration: none; seule thématique concernée*/
	/* =>voulu pour différenciation visuelle lors du survol*/
	/* =>Le soulignement du lien survolé et l'effet survol permettent de rendre*/
	/*   compte du positionnement curseur.*/
	text-decoration: none; 
		}
#Menuhomme a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;/*color:#6699CC;*/
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:underline; 
	text-align: center;	
	}
#tablehomme{width:590px;padding:2px; margin:2px; text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #CC3333;  
}
#separationhomme{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #CC3333;  
}
/*encadrement de l'image survolée*/
#fondtextehomme{border: 1px solid #CC3333; text-align:center; 
 }
/*==========Partie Le monde-Environnement============*/
/*Prise en compte de la couleur bleue marine identifiante de la partie "Thématique animale"
La thématique animale est visualisée dans une table de 590px composée de 2 colonnes
une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=6px*/
#MenuLemonde{text-align:left; margin-left:15px; 
}
#MenuLemonde a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#000099; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuLeMonde a:hover {
	font-weight: bold; /*font-size: 12px;*/
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableLeMonde{width:590px;padding:2px; margin:2px; text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #000099;  
}
#separationLeMonde{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #000099;  
}
/*encadrement de l'image survolée*/
#fondtexteLeMonde{border: 1px solid #000099; text-align:center; 
 }
/*==========Partie Monde_animal============*/
/*Prise en compte de la couleur verte identifiante de la partie "Thématique animale"
La thématique animale est visualisée dans une table de 590px composée de 2 colonnes
une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=6px*/
#MenuAnimaux{text-align:left; margin-left:15px; 
}
#MenuAnimaux a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#009966; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuAnimaux a:hover {
	font-weight: bold; /*font-size: 12px;*/
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableAnimaux {width:590px;padding:2px; margin:2px; text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #009966;  
}
#separationAnimaux {width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #009966;  
}
/*encadrement de l'image survolée*/
#fondtexteAnimaux {border: 1px solid #009966; text-align:center; 
}
/*==========Partie Monde_végétal============*/
/*Prise en compte de la couleur verte foncée identifiante de la partie "Thématique végétale"
La thématique végétale est visualisée dans une table de 590px composée de 2 colonnes
une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=6px*/
#MenuAnimaux{text-align:left; margin-left:15px; 
}
#MenuMonde_vegetal a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.9em; color:#006633; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuMonde_vegetal a:hover {
	font-weight: bold; /*font-size: 12px;*/
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableMonde_vegetal {width:590px;padding:2px; margin:2px; text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #006633;  
}
#separationMonde_vegetal {width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #006633;  
}
/*encadrement de l'image survolée*/
#fondtexteMonde_vegetal {border: 1px solid #006633; text-align:center; 
}
/*==========Partie Arts============*/
/* partie univers musical - univers pictural - univers du spectacle */
/*Prise en compte de la couleur parme -violet dentifiante de la partie "Thématique arts"
La thématique art est visualisée dans une table de 590px composée de 2 colonnes
une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=4px*/
#Menuarts{text-align:left; margin-left:15px; 
}
#MenuArts a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#CC33CC; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuArts a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tablearts{width:590px;padding:2px; margin:2px; text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #CC33CC;  
}
#separationarts{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #CC33CC;  
}
/*encadrement de l'image survolée*/
#fondtextearts{border: 1px solid #CC33CC; text-align:center; 
 }
	/*==========Partie Arts de la table ============*/
/*Prise en compte de la couleur orange dentifiante de la partie "Thématique arts de la table". La thématique arts de la table est visualisée dans une table de 590px composée de 2 colonnes une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=15px et un cellspacing=6px*/
#Menuartstable{text-align:left; margin-left:15px; 
}
#MenuArtstable a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.9em; color:#FF9933; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuArtstable a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableartstable{width:590px; padding:2px; margin:2px;   text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #FF9933;  
}
#separationartstable{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #FF9933;  
}
/*encadrement de l'image survolée*/
#fondtexteartstable{border: 1px solid #FF9933;  text-align:center; 
 }	
		/*==========Partie Décoration intérieure ============*/
/*Prise en compte de la couleur jaune dentifiante de la partie "Thématique décoration intérieure". La thématique décorationest visualisée dans une table de 590px composée de 2 colonnes une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=14px et un cellspacing=4px*/
/*cellpadding=11px et un cellspacing=3px pour univers musical*/
#MenuDecoration{text-align:left; margin-left:15px; 
}
#MenuDecoration a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#66CCCC; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuDecoration a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tabledecoration{width:590px; padding:2px; margin:2px;   text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #66CCCC; 
}
#separationdecoration{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #66CCCC;  
}
/*encadrement de l'image survolée*/
#fondtextedecoration{border: 1px solid #66CCCC;  text-align:center; 
 }		
			/*==========PartieCommunciation par l'objet ============*/
/*Prise en compte de la couleur kaki identifiante de la partie "Thématique communication". La thématique communication par l'objet est visualisée dans une table de 590px composée de 2 colonnes une de 295px pour le menu avec rollover déplacé pour identifier visuellement les créations dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=14px et un cellspacing=4px*/
/*cellpadding=11px et un cellspacing=3px pour "objets_communication_en_verre_filé*/
/*cellpadding=9px et un cellspacing=2px pour "objets_identitaires_en_verre_filé*/
#MenuCommunication{text-align:left; margin-left:15px; 
}
#MenuCommunication a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#CCCC66; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuCommunication a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableCommunication{width:590px; padding:2px; margin:2px;   text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #CCCC66; 
}
#separationCommunication{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #CCCC66;  
}
/*encadrement de l'image survolée*/
#fondtexteCommunication{border: 1px solid #CCCC66;  text-align:center; 
 }	
			/*==========Partie Pratique ============*/
/*Prise en compte de la couleur grise dentifiante de la partie "Thématique pratique". La thématique pratqiue est visualisée dans une table de 590 px composée de 2 colonnes une de 295px pour le menu avec rollover déplacé pour identifier visuellement la symbolqiue des infos dans la colonne 2 de 375px de haut et 387 de large avec un cellpadding=14px et un cellspacing=4px*/
#Menupratique{text-align:left; margin-left:15px; 
}
#MenuPratique a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.9em; color:#666666; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuPratique a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#MenuPratique h4{ font-size: 95%; margin-top:0px; margin-bottom:0px;text-align:center; 
color: #666666;
 }
/*utilisé sur page thématique pour distinction "infos métier*/
#MenuPratique h5{ font-size: 90%; margin-top:2px; margin-bottom:2px;margin-left:25px;  
color: #666666;
 }
 
#tablepratique{width:590px; padding:2px; margin:2px;   text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #CCCCCC;  
}
#separationpratique{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #CCCCCC;  
}
/*encadrement de l'image survolée*/
#fondtextepratique{border: 1px solid #CCCCCC;  text-align:center; 
 }
/*==========PartieCollections ============*/
/*Prise en compte de la couleur prune #5C2B2F identifiante de la partie "Collections". La partie Collection est identique à la thématique Communication*/

#MenuCollections{text-align:left; margin-left:15px; 
}
#MenuCollections a {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.90em; color:#5C2B2F; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
		}
#MenuCollections a:hover {
	font-weight: bold; 
	font-size: 0.90em;
	color: #CC0099;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	text-align: center;	
	}
#tableCollections{width:590px; padding:2px; margin:2px;   text-align:center;
/* définition d'une bordure autour de la table*/  border: 2px solid #5C2B2F; 
}
#separationCollections{width:295px;/* définition d'une bordure autour de la table*/  border: 1px solid #5C2B2F;  
}
/*encadrement de l'image survolée*/
#fondtexteCollections{border: 1px solid #5C2B2F;  text-align:center; 
 }	 
 
/*===== images/photos =======*/
			
.photos{ border-right: black 2px groove; border-top: black 2px groove; border-left: black 2px groove; border-bottom: black 2px groove;
} /*cadre pour les photos*/
/* balise alt="descriptif/attitude,position/réalisation stylisée/"en verre filé". 
"ex: chat stylisé en verre filé en position assise"
"chat en verre filé assis sur une chaise et intrigué par un oiseau"
balise "longdesc" */
.légende {
	font-weight: bold; /*font-size: 12px;*/font-size: 0.95em; color: #333333; font-family: Arial, Helvetica, sans-serif}

/*pied de page de 20px fond blanc en fin de partie centrale-*/
#pieddepage {
float: left; width: 879px; position: relative; /*height: 20px;*/font-size: 0.85em;
}
/* barre des utilitaires du Pied de page*/
#pieddepage ul li {display:inline;
}
#pieddepage ul li a{font-size: 0.85em; text-decoration: none;
}