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

.public ul, li{font-family: Helvetica, sans-serif;
	font-size:0.95em;}
	
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; 
}
.italique{font-style: italic;
 color: #666666; 
 }
 .important{font-weight: bold;
 color: #990000; font-size:0.95em; 
 }
	/* ===================== 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 {
	/*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;
}
/*========== 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; 
  		}

/* 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-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; 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-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;
	}	          		          
#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 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{/*alignement sur les utilitaires bas */line-height: 1.9em;
/*nécessaie ici pour maintenir la position en bas en raison des succession d'images*/
float:left;
 }

/*====contenu texte =====*/
/*titres définis dans la partie accessibilité*/
.parag{
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.85em; color: #666666;
}


			/*==========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 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;	
	}
	
#content{margin:0px; border: 1px solid #CC33CC;
}
#tablepratique{width : 588px;  margin :  2px 2px 2px 2px; text-align:center;   
}
/*bordure galerie */
#Galeriepratique {/* définition d'une bordure autour de la galerie*/ border: 1px solid #CC33CC;  
margin :0px 0px 2px 0px; padding-top: 3px; padding-left:0px; padding-right: 0px; padding-bottom:2px; 
}
#bordure_interne{ border: 1px solid ;
}	
/* concerne la page localisation - nous trouver */
#tableau_centrage{margin-left:67px;
}
#tableautrajets{
	width:450px ; text-align:center; border: 1px solid #666666;
	/*contenu tableau*/
	font-size: 0.90em;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;	
	}
#titretableau{font-weight: bold; 
	font-size: 0.90em;
	color: #666666; border: 1px solid #666666;
	}
#titres_colonnes{font-weight: bold; border: 1px solid #666666 ;
	}

.Plan_image_left{
	float: left;
	width: 145px;/* contient une image de 135 px de large*/
	text-align:left; text-decoration:none; border:none;
	margin-left : 5px; /*margin-right : 5px;*/
		}
.Plan_image_left2{
	float: left;
	width: 145px;/* contient une image de 135 px de large*/
	text-align:left; text-decoration:none; border:none;
	margin-left : 5px; /*margin-right : 5px;*/
		}

.Plan_image_legende{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 5px 0px 5px 0px;
	text-align:center;
}
.plan_texte{
	float:left;
	margin: 0px 5px 0px 0px;
	text-align:left;
	width: 120px;/*largeur texte nécessaire pour alignement */
}

#Plan a {
	font-weight: bold; font-size: 0.85em; color: #666666;  
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	}
#Plan a:hover {
	font-weight: bold;
	font-size: 0.85em;
	color: #CC0099;  
	font-family: Arial,Helvetica,sans-serif;
	}
	
                      /* Carte - Localisation
                       ***************************************/                       
#contenutxt .carte{ margin-left:67px; border: 1px solid #666666; width:450px; }

/*===== images/photos =======*/
/*pages focus*/
/*utilis page aide navigation*/
.image_centre{text-align:center;
}
.image_leftV{
	float: left;
	width:220px;/*contient une image verticale de 200 px de large*/
	/*et de 288 px de hauteur*/
	text-align:left;
}
.legende_leftV{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 5px 3px 3px 10px;
	text-align:left;
}			
.image_left{
	float: left;
	width:280px;/*contient une image horizontale de 267 px de large*/
	text-align:left;
}
.legende_left{
    font-weight: bold; font-size: 0.85em;  
	font-family: Arial, Helvetica, sans-serif; 
	margin: 5px 3px 3px 10px;
	text-align:left;
}			
.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;
	text-align:right;
}	
.image_right{
	float: right;
	width:280px;/*contient une image verticale de 200 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;
}					
/*.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;
}
/*==========Vidéo - partie Pratique ============*/
#conteneur_video{
    margin-left: 140px;
	height:340px; 
	width:325px;
	padding:2px;
	border-color:#B0B0B0;
	border-style: solid;
	border-width: 3px;
	}
#video{
    height:255px; 
	width:320px;
	padding:2px;
	}
#videotxt{ text-align:center;
}
#specifications{/*margin-left:30px;*/ 
margin-left:170px; 
}
.important{
font-size: 90%;
    font-weight: bold;
	color:#990000;/*bordeaux*/
}