/*================ BALISES ET id GENERALES =================  */

body { 
	background-color: #000000;			
	text-align: center;
}

#bloc-A {	
	position: fixed; 
	top: 0px; 
	left: 0px; 							
	width: 100%;
	height: 50px;
	background-color: #000000;
	z-index: 5; 
}

#bloc-B {								
  position: absolute; 
  top: 50px; 
  left: 0px; 							
  width: 100%;
  background-color:transparent;								/* #666666;*/
  font-size: 1.4vw ;

}

#bloc-C {			
/*   top: 0px; 			 */		
	position: relative; 
   width: 100%;
/*	height: 50px;
   border-top: solid 2px #444444;	*/
	background-color: #222222;  	  
   font-size: .75vw;  
   color: #aaaaaa;
}
#bloc-D {			
	position: relative;
   width: 100%;
	height: 30px;
   border: solid 0px #ffff00	;
/*	background-color: #444444;  	  */
	text-align: center;
   font-size: .7vw;  
   color: #dddddd;	
}

/* div#sectB1 {	
	position: relative; 	
	width: 100%;
	height: 17vw;
	top: 0px; 							
	overflow: hidden;
	background-color: transparent;		
	text-align: center;	  
}  */
div#sectB1, div#sectB2, div#sectB3, div#sectB4, div#sectB5 {	
	top: 0px; 														
	position: relative; 	
	width: 100%;
	height: 17vw;
	overflow: hidden;
  	background-color: transparent;			
  	text-align: center;	 
}

div#sectB6 {	
	top: 0px; 														
	position: relative; 	
	width: 100%;
	vertical-align: middle;
	overflow: hidden;
  	background-color: #000000;		
	text-align: center;	  
}
.sectBxx {								
	float: left; 	
	width: 16.66%;
	height: 10pt;     
	left: 0px; 	
}
.sectBx1 {			
	color:#FFFFFF;					
	float: left; 	
	width: 16.66%;
	height: 3.2vw;     /* 2.9 */
	left: 0px; 	
	background-color: #555555;
}
.sectBx2 {								
	float: left; 	
	width: 100%;
	height: 2vw;    
	left: 0px; 	
/*	background-color: #444444;		*/
}
.sectBx3 {								
	float: left; 	
	width: 16.66%;
	height: 14vw;     
	left: 0px; 	
/*	background-color: #000000;		*/
}
.espaceC1 {
	position: relative;
	top: 0px;
   width: 100%;		
   border: solid 0px #00ff00;
	height: 2pt;
/*	background-color: #666666;		*/
}
.espaceC2 {
	position: relative;
	top: 0px;
   width: 100%;		
   border: solid 0px #00ff00;
	height: 3vw;
/*	background-color: #000000;		*/
}

#motsCle {	
   width: 90%;	
   overflow: scroll;
   word-wrap: break-word;
}

/* ============= concerne la zone HEADER  de index-fr.html ================ */


#header {		
	visibility: visible;	/* rendre visible apres l'exercise */						
	position: fixed; 
	top: 0px; 
	right: 0px; 							
	width: 100%;
	height: 50px;
}
.f11 {								
  position: fixed;
  left: 75px;
  top: 15px;
  width: 15%;
  margin-top: 0;
  color: #FFFFFF; 
}
#langue {								
  position: fixed;
  left: 10px;
  top: 15px;
  width: 15%;
  margin-top: 0;
  text-align: left;
  color: #FFFFFF; 
}
.drapeau {
		vertical-align: middle;
		border: 1px  solid #556677;
		height: 20px;		
		width: 15%;	
}	
		#sm2
		{					
			font-size:18;
			height:28px;
		   /* color: #FFFF00;			*/
			font-weight: bold;		
			border: 0px solid #FFD700; 
			vertical-align: middle; 
	      background-color:#000000			  
		}
		#sm3
		{					
			font-size:20;
			height:28px;
		   color: #FFD700;  
			left:150px;
			font-weight: bold;	
			border: 0px solid #FFD700; 
			vertical-align: middle; 
			/*  background-color: transparent;		*/  
		}

		#sm4
		{					
			font-size:12;
			height:28px;
			/*	color: #888888;							*/
			font-weight: bold;		
			border: 0px solid #FFD700; 
			vertical-align: middle; 
		}
		#sm5
		{					
			font-size:12;
			height:28px;
			/* color: #FFD700;	*/  
			left:150px;
			font-weight: bold;	
			border: 0px solid #FFD700; 
			vertical-align: middle; 
		}


/* ============= fin de la zone HEADER ============= */

/* ============= concerne la zone CENTRALE (centrale) de index-fr.html ================ */   
#Centrale {
	position: static; 
	margin: auto;
	top: 150px; 
	left: 2% ; 								/*	14%; */
	width: 98%;								/*	72%; */
	border-right: 1px solid #000000;
	background-color: #000000;
}
table.center {							
		width: 100%;
		border-spacing: 0px;
		vertical-align: middle;
}
tr.separation {
		height: 30pt;
} 
.bandeautitre {
	   width: 100%;	
		border-spacing: 1px;
		color:#ffffff ;			
		text-align: center;
		text-decoration: none;
		word-spacing: 1px;
}
.Low {
		text-align: left;
}
.centre1 {
		vertical-align: middle;
		border-spacing: 0px;
}
.bandeauphotos {
		text-align: center;
/*		height: 15vw;  */  
		
} 
img.tb_size {
		width: 99%;
		border: 1px solid #000000;	
/*		height: 6vw;		*/	
}
img.tb_size2 {
		max-height: 112px;
		border: 1px solid #000000;	
}
img.tb_size3 {
		max-width: 99%;
		max-height: 2vw;
		border: 1px solid #000000;	
}
img.tb_size-bord {
		max-width: 99%;
		border: 1px solid #556677;
}
.bandeaulieux, .bandeaulieux a {
		background-color: #000000;		
		font-size: 1.05vw;								
		border-spacing: 1px;
		text-align: center;
		text-decoration: none;
		word-spacing: 1px;
		width: 100%;
}
.bandeausita {
	/*	background-color: #000000;		*/
		font-family: dauphin;
		font-size: 1vw;
		border-spacing: 1px;
		color: #ffffff;
		height: 2vw;
		text-align: center;
		text-decoration: none;
		word-spacing: 1px;
/*		font-weight: bold;  */
}

tr.espace {
	height: 10pt;
	background-color: #999999;
}



/* ============= concerne la zone FOOTER de index-fr.html ================ */
#footer {
	position: absolute;
	left: 0%; 
   border-top: 2px solid #aaaaaa;
   margin:  0 1px;
   padding: 1px;
   width: 100%;
   background-color: #ff0000;
	text-align: center;
   font-size:  .7vw; 
   color: #aaaaaa;	
   clear: both;	
}
.lignedubas1 {
		width: 33%; 
		text-align: center;
		font-size: .7vw;
		font-weight: normal;
		color: #ffffff;
		float: left;
}
.lignedubas2 {
		width: 33%; 
		text-align: center;
		font-size: .8vw;
		color: #ffffff;
		float: left;
}
.lignedubas2 a {
		font-size: .8vw;
		font-weight: bold;
		color: #ffffff;
}

.lignedubas3 {
		width: 33%;
		text-align: center;
		font-size: .7vw;
		font-weight: normal;
		color: #FFFFFF;
		float: left;
}

/* ============= fin de la zone CENTRALE de index-fr.html ================ */


.globalieux							
{
  margin: auto;
  top: 0px; 
  right: 0px;
  width: 100%;
  height: 30px;
  background-color: #000000;
}
.head_bout a							
{
	position: static; 
	right:5%;	
	width:48%;
	font-size: 14px; 
	padding: 1px 1px; 
	border: 1px solid #ccc; 
	vertical-align: middle; 
}
.head_diapo								
{
	width:15%;
	text-align: left;	
	font-size: 14px; 
	font-weight: bold;
	padding: 1px 1px; 
	border: 1px solid #ccc; 
	vertical-align: middle; 
}


/* ============= Concerne le Plan du Site ============= */
table.plansite 
{
	table-layout:auto;
/*	height:453px;   */
	width:950px;    
	margin: 0 auto;
	border-style:solid;
	border-width:2px;
	border-color:#000000 #000000 #C0C0C0 #000000;
}
td.plantitre
{
	width:900px;
	text-align: center;
	font-size: 28px; 
	font-weight: bold;
}
img.entete {
	width: 150px;
	height: 30px;
}	
table.planfr  
{
	width:100%;
	text-align: left;
	border-style:solid;
	border-width:1px;
	border-color:#000000 #000000 #000000 #000000;
	font-size: 14px; 
	font-weight: bold;
}
table.planus 
{
	width:100%;
	text-align: left;
	border-style:solid;
	border-width:0px;
	border-color:#000000 #000000 #000000 #000000;
	font-size: 14px; 
	font-weight: bold;
}
.flag_plan {
	max-width: 5%;
}
/* ============= fin de la zone Plan du Site ============= */
 
/* ===== Pages Lieu : Portion head_lieu ====== */

#pagePays
{
	background:#000000; 
}

#head_lieu
{
	visibility: visible;		/* utilite a confirmer */
	height:26px;	 
	width:100%; 
	background:#000000; 
	position:fixed; 
	top:0px; 
	font-size:12px; /*  .8vw;  */
	left:0px;
	z-index: 110;
}
		#hd1
		{
			width:30%; 
			background:#000000; 
			position:absolute; 
			top:5px; 
			left:1em;  
			font-weight: bold;
			text-align: left;
		}
			#hd11, #h12, #hd13, #hd14
			{					
				font-size:18;	
				background-color: #000000;
			}


		#hd2
		{					
		   width:20%; 
		   color: white;  
		   background:#000000; 
			position:absolute; 
			top:5px; 
			left:30%;  
			font-size:18px;		
			font-weight: bold;
			text-align: right;
			}
		
			#hd2x {	}

		#hd3
		{					
		   width:45%; 
			background:#000000; 
			position:absolute; 
			top:5px; 
			right:1%;
			font-size:16px;		
			font-weight: normal;
			text-align: right;
			}
			#hd31
			{
				border: 1px solid #ccc; 
				color:#00FFFF; 
			}
			#hd32
			{
				border: 1px solid #ccc; 
				color:#FFFF00; 		
			}
			#hd33
			{
				border: 1px solid #ccc; 
				color:#FF0000; 	
			}
			#hd34
			{
				border: 1px solid #ccc; 
				color:#70DB93; 		
			}
			#hd35
			{
				border: 1px solid #ccc; 
				color:#aaaaaa; 		
			}
			#hd36
			{
				border: 1px solid #ccc; 
				color:#DBDB70; 		
			}
			#hd37
			{
				color:#00FF00; 		
			}
/* ***** Fin de la portion head_lieu ***** */

/* ===== Portion div_Planche ====== */
div.planche							
{
	position: relative; 
	top: 16px; 
	left:0px;
   width:100% ;						
	background-color: #000000;   
/*	z-index: 0;	*/
}

#prevPhoto
{
	position: fixed;  
	top: 400px; 
	left:0px;
	width: 40px ; 
	height:40px;
	border: 0px solid #ccc; 
	z-index: 200;	
}

#nextPhoto
{
	position: fixed;  
	top: 400px; 
	right:5px;
	width: 40px ; 
	height:40px;
	border: 0px solid #ccc; 
	z-index: 200;	
}

#planche2								
{
	position: absolute;  /* absolute; */ 
	top: 0px; 
	left:0px;
	width: 100%; 
/*	z-index: 50;	*/
}

#planche3	
{		
	position: relative; 
	top: 0px; 
	left:0px;
	width: 100%;  
	z-index: 100;	
}

.sqSense {
	position: relative; 	
	width: 40px;	
	height:40px;
	background-color: yellow ;		/* transparent */
	border: 0px solid #FFD700; 	
/*	z-index :55;  */
}

#mapsense	
{		
	position: absolute; 
	top: 0px; 
	left:0px;
	width: 100%;  
	background-color: transparent ;		/* transparent */
	z-index: 80;	
}

img.pourcent
{
	width: 100%;	
}

div.espace_php				
{
	position: relative; 
	margin: auto;
	width: 100%; 
	height: 35px; 
}
/* ***** Fin de la portion div_Planche ***** */


/* ===== Portion div_footerPlanche ====== */
div.footerPlanche							
{
	position: relative; 
/*	margin: auto;*/
	width: 100%; 
	height: 50px; 
	text-align: center;
	color:#FFFFFF; 
	font-size: .7vw;
/*	z-index: 80;*/
	border-top: 1px solid #aaaaaa;   
}
 
div.gche
{
	float: left;
	left: 15px;
	width:30%;
	text-align: left; 
}

.central 
{
	float: left;
	width:30%;
	text-align: center;
}

a 
{
	color: #FFFFFF;
	outline: none;
 	text-decoration: none;
}


.bouton a 
{
	font-size: 14px; 
	font-weight: bold;
	padding: 2px 2px; 
	border: 1px solid #ccc; 
	color: #FFFFFF;
}

.bouton_diapo a
{					
	font-size: 15px; 
	font-weight: bold;
	padding: 2px 2px; 
	border: 1px solid #FFD700; 
	vertical-align: middle; 
   background-color: #000000;
   text-decoration: none;
}

.drte {
	float: right;
	right: 45px;
	width:  25%;
	text-align: center;
}
/* ***** Fin de la portion div footerPlanche ***** */

#micMenu {
/*	visibility: visible;  */		
	width:177px;
	height: 200px; 
	position:fixed; 
	top:30px; 
	left:10%;
/*	z-index: 101;*/
}

/* ===== Portion photocontainer - Diaporama  ====== */
.mouse_phcontainer 			/* Dim et Pos du cadre contenant les photos onmouseover */
{
 	position: fixed;
 	width: 100%;						/*   1838px */
 	text-align: center;					
 	top: 0px; 
 	margin: auto;
 	background-color: #000000;
	border: 0px solid #555;
	margin: 00px;		
	color: #FFFFFF;
}

#mouse_ph 			/* Dim et Pos du cadre contenant les photos onmouseover */
{
 	position: fixed;
 	width: 100%;					
 	text-align: center;					
 	margin: auto;
 	background-color: #000000;
	border: 0px solid #555;
	margin: 00px;		
	color: #FFFFFF; 
}

#labels_ph{
 	width: 50%;					
 	text-align: right;					
 	top: 0px; 
 	left: 50%;
 	background-color: #00ff00;
	color: #FFFFFF; 
	z-index: 150;
}
.photocontainer {						/* Dim et Pos du cadre contenant les photos du diaporama */
 visibility: hidden;
 max-width: 100%; 		
 max-height:100%; 	
 text-align: center;
 position: fixed;
 top: 0px;
 z-index: 115;   
 padding: 0px;				
 background-color: #000000;
 border: 1px solid #555;
 margin: 00px;		
 color: #FFFFFF;
/* font-size:18;  */
}

.tableDiapo {
	text-align: center;
}

div.navi {
/* float:center;			*/
 padding-right: 0px;		
 vertical-align: middle;
 z-index:50;		
}

.navi a {
 display: block;
 text-decoration: none;
/* width: 110px;*/
 height: 16px;
 border: 0px solid #444444;
 text-align: center;
 vertical-align: middle;
 font-size: 15px;
 font-weight: bold;
}

.navi a:hover {
 text-decoration: none;
 background-color: #c49200;
 color: #333333;
}

.tempo {
 visibility: hidden;
}
	
.tempo a {
 display: block;
 width: 25px;
 height: 14px;
 border: 0px solid #444444;
 text-align: center;
 font-size: 10px;
 }

.tempo a:hover {
 text-decoration: none;
 background-color: #c49200;
 color: #333333;
}

.overlay {
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 50;
 width: 100%;
 height: 100%;
 background-color: #000000;
/* filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;		*/		
}

td.petm {
 width: 98%;
 text-align: center;
 white-space:nowrap;
}

td.poum1 {
width: 15px;
}

td.poum2 {
width: 1%;
}


#photo {
 	position: fixed;
 	width: 100%;					
 	text-align: center;					
 	top: 25px; 
 	margin: auto;
 	background-color: #000000;
	border: 0px solid #555;
	margin: 00px;		
	color: #FFFFFF; 
}

.photosize					/*		dans le fichier gallery.js 	*/
{
/*	max-width: 100%;	*/
	max-height: 800px;	
}

.photosize3					
{
	max-width: 100%; 
	max-height: 950px;  
}

.photosize2					/*		dans le fichier map.js 	*/
{
	max-height:950px; 
}

img.phEnlarged   /* anciennement img.ph-enlarged qui n'est pas légal */
{
/*	max-width: 100%;	*/
	height:97%;
}

/* ***** Fin de la portion div photocontainer - Diaporama ***** */



/* -------------- liste des couleurs ---------------- */

.c01 a{ color: #FFFFFF; text-decoration: none;}
.c02 a{ color: #FF0000; text-decoration: none;}		/* rouge  */
.c03 a{ color: #00FF00; text-decoration: none;}		/* vert */
.c04 a{ color: #0000FF; text-decoration: none;}		/* bleu  */
.c05 a{ color: #00FFFF; text-decoration: none;}		/*  */
.c06 a{ color: #FFFF00; text-decoration: none;}		/* jaune */
.c07 a{ color: #000000; text-decoration: none;}
.c08 a{ color: #70DB93; text-decoration: none;}
.c09 a{ color: #5C3317; text-decoration: none;}
.c10 a{ color: #9F5F9F; text-decoration: none;}
.c11 a{ color: #A62A2A; text-decoration: none;}
.c12 a{ color: #8C7853; text-decoration: none;}
.c13 a{ color: #5F9F9F; text-decoration: none;}
.c14 a{ color: #B87333; text-decoration: none;}
.c15 a{ color: #42426F; text-decoration: none;}
.c16 a{ color: #2F4F2F; text-decoration: none;}
.c17 a{ color: #9932CD; text-decoration: none;}
.c18 a{ color: #6B238E; text-decoration: none;}
.c19 a{ color: #7093DB; text-decoration: none;}
.c20 a{ color: #aaaaaa; text-decoration: none;}
.c21 a{ color: #D19275; text-decoration: none;}
.c22 a{ color: #8E2323; text-decoration: none;}
.c23 a{ color: #238E23; text-decoration: none;}
.c24 a{ color: #CD7F32; text-decoration: none;}
.c25 a{ color: #DBDB70; text-decoration: none;}
.c26 a{ color: #C0C0C0; text-decoration: none;}
.c27 a{ color: #9F9F5F; text-decoration: none;}
.c28 a{ color: #8E236B; text-decoration: none;}
.c29 a{ color: #32CD99; text-decoration: none;}
.c30 a{ color: #3232CD; text-decoration: none;}
.c31 a{ color: #6B8E23; text-decoration: none;}
.c32 a{ color: #EAEAAE; text-decoration: none;}
.c33 a{ color: #9370DB; text-decoration: none;}
.c34 a{ color: #426F42; text-decoration: none;}
.c35 a{ color: #7FddFF; text-decoration: none;}
.c36 a{ color: #7FFF00; text-decoration: none;}
.c37 a{ color: #70DBDB; text-decoration: none;}
.c50 a{ color: #777777; text-decoration: none;}
.c55 a{ color: #7fff00; text-decoration: none;}
.c56 a{ color: #EBC79E; text-decoration: none;}
.c57 a{ color: #38BDDE; text-decoration: none;}
.c58 a{ color: #FF1CAE; text-decoration: none;}
.c59 a{ color: #EAADEA; text-decoration: none;}
.c60 a{ color: #5599FF; text-decoration: none;}
.C61 a{ color: #FFD700; text-decoration: none;}		/* Gold */
.c62 a{ color: #008000; text-decoration: none;}		/* vert */
.c63 a{ color: #C0C0C0; text-decoration: none;}		/* argent */
.c64 a{ color: #00FF00; text-decoration: none;}		/* citron */
.c65 a{ color: #808080; text-decoration: none;}		/* gris */
.c66 a{ color: #008080; text-decoration: none;}		/* teal */

.d01 a{ color: #ff0000; text-decoration: none;}		/* rouge un peu foncé */
.d02 a{ color: #FF6000; text-decoration: none;}		/* orange-marron */
.d03 a{ color: #FFFF00; text-decoration: none;}		/* jaune */
.d04 a{ color: #FFD700; text-decoration: none;}		/* Gold */
.d05 a{ color: #FFFFA5; text-decoration: none;}		/* jaune clair */
.d06 a{ color: #FFADFF; text-decoration: none;}		/* violet tres clair */
.d07 a{ color: #FF60FF; text-decoration: none;}		/* violet clair */
.d08 a{ color: #FF00FF; text-decoration: none;}		/* violet assez profond  a bannir */
.d09 a{ color: #00FFFF; text-decoration: none;}		/* bleu clair lumineu */
.d10 a{ color: #0064FF; text-decoration: none;}		/* bleu medium lumineu */
.d11 a{ color: #9D5F24; text-decoration: none;}		/* marron fonce */ 
.d12 a{ color: #CC8F62; text-decoration: none;}		/* marron clair */ 
.d13 a{ color: #aaaaaa; text-decoration: none;}		/* gris */
.d14 a{ color: #3DD73E; text-decoration: none;}		/* vert clair  */
.d15 a{ color: #00FF00; text-decoration: none;}		/* vert  */






.blanc{color:#FFFFFF;}			/* c01 */
.or{color:#FFD700;}				/* c61 */
.noir{color:#000000;}
.vert{color:#008000;}			/* c62 */
.argent{color:#C0C0C0;}			/* c63 */
.citron{color:#00FF00;}			/* c64 */
.gris{color:#808080;}			/* c65 */
.olive{color:#808000;}
.jaune{color:#FFFF00;}			/* c06 */
.marron{color:#800000;}
.navy{color:#000080;}
.rouge{color:#FF0000;} 			/* c02  */  
.bleu{color:#0000FF;}			/* c04  */  
.violet{color:#800080;}			
.teal{color:#008080;}			/*  c66    */
.fuchia{color:#FF00FF;}
.aqua{color:#00FFFF;}			/*  c05    */



.palet00{color:#00FFFF;}
.palet01{color:#FF0000;}
.palet02{color:#00FF00;}
.palet03{color:#808080;}
.palet04{color:#FFFF00;}
.palet05{color:#B4FF42;}
.palet06{color:#DEB887;}
.palet07{color:#C0C0C0;}
.palet08{color:#DAA520;}
.palet09{color:#00FA9A;}
.palet10{color:#0000FF;}
.palet11{color:#C0C0C0;}
.palet12{color:#DEB887;}
.palet13{color:#C0C0C0;}
.palet14{color:#000000;}
.palet15{color:#000000;}
.palet16{color:#000000;}
.palet17{color:#000000;}
.palet18{color:#000000;}
.palet19{color:#000000;}
.palet20{color:#000000;}


#arr 
{
    
}
#ava 
{
    
}


/* fin de liste des couleurs */

#temporaire
{
z-index : 0;
background-color: #00FFFF;
	width: 100%; 	
	height: 100%;	

}