/* 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*/
	 }

p {
	font-family: 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%;
	}
.italique{
	color: #666666;
	font-style:italic;
	font-weight: bold;
	}
/* ===================== 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%;font-weight: bold;
 color: #666666; padding-top:0px; padding-bottom:0px;
 }
/*====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 {
	/*background-image: url();*/
	clear:left; width: 879px; height: 146px;
	width:100% ;
	margin-left: 0px;
	margin-top:0px;
	}
#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;
}
#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; 
  		}

/* fin du calque créations récentes */
/* =======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-left: 20px;
   /*margin-bottom : 0.2em;*/
   text-align:center;
   } 
.sousmenu{left: 10px;position: relative; visibility: visible; width: 159px;}
  
.menu A{
	font-weight: bold; font-size: 0.95em; color: #CC0099; 
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
.menu A:hover{
	font-weight: bold;	font-size: 0.95em; color:#6633CC;
	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;
}
.sousmenu A{
	/*font-weight: bold;*/ font-size: 0.95em; 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; 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.4em;
	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:left;
	}	
		  /*===================================*/
#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;
} 		          
#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;
}
/* ========== 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 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;
	}
	
#normalisation{line-height: 1.9em;/*alignement sur les utilitaires bas */
 }
/*====contenu texte =====*/
/*titres définis dans la partie accessibilité*/
.parag{
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.85em; ; color: #666666;
}


			/*==========PartieCommunication 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µ/
/*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 a {
	font-weight: bold; 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;	
	}
	
#content{margin:0px; border: 1px solid #CCCC66;
}
#tablecommunication{width : 588px;  margin :  2px 2px 2px 2px; text-align:center;   
}
/*bordure galerie */
#Galeriecommunication {
/* définition d'une bordure autour de la galerie*/ border: 1px solid #CCCC66;  
margin :0px 0px 2px 0px; padding-top: 3px; padding-left:0px; padding-right: 0px; padding-bottom:2px;}
#bordure_interne{ border: 1px solid #CCCC66;
}	
	
/*===== images/photos =======*/
/*==========Pages focus - images/photos ===================*/
/*=========Focus communication - interne au répertoire communication ======*/
.image_leftV{
	float: left;
	width:155px;/*contient une image verticale de 143 px de large*/
	/*et de 200px environ de hauteur*/
	text-align:left;
}
/*utilisé focus_communication*/
.legende_leftV{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px 3px 3px 0px; /*valeur N°4 variable de centrage horizontale*/
	text-align:center;
}			
/*utilisée focus symbole-passion [sapeur-pompiers]*/
/*utilisée focus Image de marque [rebular façade]*/		
.image_left{
	float: left;
	width:225px;/*contient une image horizontale de 220 px de large*/
	text-align:left;
	text-align:center; border: 2px solid #CCCC66; padding: 2px;
	margin:0 5px 2px 0; 
	}
.legende_left{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px 3px 2px 3px;/*valeur N°4 variable de centrage horizontale*/
	text-align:center;
}		
.image_left200{
	float: left;
	width:205px;/*contient une image horizontale de 230 px de large*/
	text-align:center; border: 2px solid #CCCC66; padding: 2px;
	margin:0 5px 2px 0; 
}	
.legende_left200{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px 3px 2px 3px;/*valeur N°4 variable de centrage horizontale*/
	text-align:center;
}		
.image_rightV{
	float: right;
	width:220px;/*contient une image verticale de 200 px de large */
	/*; environ 288 de haut */
	text-align:right;
	margin-right:2px;
}
.legende_rightV{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px 5px 3px 0px;/*valeur N°4 variable de centrage horizontale*/
	text-align:right;
}	
.image_right{
	float: right;
	width:258px;/*contient une image de 250 px de large */
	/*; environ 288 de haut */
	text-align:right;
	margin-right:2px;
}
.legende_right{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px 20px 3px 0px;
	text-align:right;
}		

#Communication_titre_photo{
	font-weight: bold; width: 250px;
	/*position à gauche au-dessusdu texte*/
	/*position: relative;left: -2px;top:+5px; z-index: 1;*/
	/*position à gauche au dessus de la photo*/
	position: relative;left: -190px;/*centrage horizontal*/top:+120px; z-index: 1;
	} 

/*==========Partie Communication ============*/	



	/*=>concerne symbole_passion_en_verre_filé */
#Communication_titre_photobas{
	font-weight: bold; width: 250px;
	/*position à gauche au-dessusdu texte*/
	/*position: relative;left: -2px;top:+5px; z-index: 1;*/
	/*position à gauche au dessus de la photo*/
	position: relative;left: -180px;/*centrage horizontal*/top:+385px; z-index: 1;
	} 
	/*=>concerne image_de_marque_en_verre_filé */
#Communication_titre_photomilieu{
	font-weight: bold; width: 250px;
	/*position à gauche au-dessusdu texte*/
	/*position: relative;left: -2px;top:+5px; z-index: 1;*/
	/*position à gauche au dessus de la photo*/
	position: relative;left: -195px;/*centrage horizontal*/top:+190px; z-index: 1;
	} 
	/*=>concerne objets_événementiels_en_verre_filé */
#Communication_descriptif {
	 width: 350px;	 /*position*/
      position: relative; left: +5px; top: +5px; z-index: 2;
	}
#Communication_plus_infos{
 width: 350px; position: relative; left: +5px; z-index: 3;
}

/*==============================================*/


/*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;
}