body {
  background: #EFEDEE; 
  color: #F1F5F4; 
  scrollbar-3d-light-color: #cecece;
  scrollbar-arrow-color: #bebebe;
  scrollbar-base-color: #bebebe;
  scrollbar-dark-shadow-color: #DCDCDE;
  scrollbar-face-color: #DCDCDE;
  scrollbar-highlight-color: #DCDCDE;
  scrollbar-shadow-color: #DCDCDE;
  }
 
A:link { COLOR: #404040 }
A:visited { COLOR: #A44D18 }
A:hover { COLOR: #D45000}
A{text-decoration: none;}
A.yellow:link { COLOR: #E0B834 }
A.yellow:visited { COLOR: #E0B834 }
A.yellow:hover { COLOR: #E0B834 }


a.white{ COLOR: #DCDFC9 }
 
 #general{
	background: #EFEDEE;
	color: #C7DAF1;
    margin: 0 auto;
    width: 1000px;
	margin-top: 0;
	padding:0px;
	/*border: 1px solid #C5C0AD;*/
	font-family:arial;
	text-align:center;
}

#enterImg{
	position:fixed; top:8px; margin:2px 0 0 -40px;
	background: #969E89;
    margin: 0 auto;
	margin-top: 0px;
	padding:0px;
    width: 1000px;
	height:150px;
	border: 1px solid #C5C0AD;
	font-family:arial;
	z-index:1;
}

#footer{
	position:fixed; top:729px;
    margin: 0 auto;
	margin-top: 0px;
	padding:0px;
    width: 1000px;
	height:15px;
	font-size: 60%;
	color: #675411;
	letter-spacing: 0.05em;
	/*border: 1px solid #C5C0AD;*/
	font-family:arial;
	z-index:1;
	text-align:center;
}
#footerPosition{
	position:fixed; top:730px;
    margin: 0 auto;
	margin-top: 0px;
	padding:0px;
    width: 1000px;
	height:15px;
	font-size: 60%;
	color: #675411;
	letter-spacing: 0.05em;
	/*border: 1px solid #C5C0AD;*/
	font-family:arial;
	z-index:1;
	text-align:center;
}
#authorship{
	position:relative;
	top:-216px;
	left: -200px;
	height:3px;
    margin: 0 auto;
	margin-top: 0px;
	padding:0px;
	border: 0px solid black;
	font-size: 56%;
	font-style: italic;
	letter-spacing: 0.05em  ;
	font-family:arial;
	color: #304E3A;
	z-index:1;
}
#enterTitle{
	position:relative;
	top:-136px;
	left: 5px;
	height:65px;
	color: #675411;
    margin: 0 auto;
	margin-top: 0px;
	padding:0px;
	border: 0px solid black;
	font-family:arial;
	font-weight:bold ;
	font-size: 200%;
	letter-spacing: 0.25em  ;
	z-index:1;
	text-align:left;
}
#contentTitle{
	background: rgb(83, 73, 39); /* Fall-back for browsers that don't support rgba */
    background: rgba(83, 73, 39, .85);
	position:relative;
	top: -166px;
	left: 10px;
	color: #D6A624;
	width: 500px;
    margin: 2px;
	margin-top: 2px;
	padding:8px;
	border: 1px solid #C5C0AD;
	font-family:arial;
	font-weight:bold;
	font-size: 90%;
	letter-spacing: 0.05em  ;
	z-index:1;
	text-align:center;
	vertical-align:middle;
}
div.objectGroup{ 
       position: relative;
	   top:2px;
       left:0px;	   
	   padding:6px;
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: bold; color: #524C4E;
	   /*border: 1px solid #C5C00D;*/
}
div.object{ 
       position: relative;
	   top:2px;
       left:0px;	
	   padding:3px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 83%;     
       font-weight: normal; color: #524C4E;
}

div.objectEmbedded{ 
       position: relative;
	   top:4px;
       left:20px;	
	   padding:3px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 83%;     
       font-weight: normal; color: #524C4E;
}
div.objectDetail{ 
       position: relative;
	   top:4px;
       left:30px;	
	   padding:6px;	
	   width:650px;		   
	   margin-bottom: 15px;	   	   
       font-family: Arial, Times, serif ; 
	   text-align: left; 
	   font-size: 83%;     
       font-weight: normal; 
	   color: #524C4E;
	   background: rgb(245,245,245);
}
div.objectFullDetail{
	   position: relative;
	   top:0px;
       left:30px;	
	   padding:3px;	
	   width:850px;		   
	   margin-bottom: 0px;	   	   
       font-family: Arial, Times, serif ; 
	   text-align: left; 
	   font-size: 83%;     
       font-weight: normal; 
	   color: #524C4E;
	   background: #F2F0F1;
}
div.objectMapListDetail{
	   position: relative;
	   top:0px;
       left:30px;	
	   padding:3px;	
	   width:400px;		   
	   margin-bottom: 0px;	   	   
       font-family: Arial, Times, serif ; 
	   text-align: left; 
	   font-size: 83%;     
       font-weight: normal; 
	   color: #524C4E;
	   background: #F2F0F1;
}

div.thumbs{ 
       position: relative;
	   margin-top: 15px;
	   margin-bottom: 15px;
	   padding:8px;
       font-family: Arial, Times, serif ; text-align: center; font-size: 65%;     
       font-weight: bold; color: #eeeeee;
	   z-index:2;
	   background-color:rgba(0,0,0,0.85);
	   width: 500px;
}
div.thumbsForMaps{ 
       position: relative;
	   margin-top: 0px;
	   margin-bottom: 15px;
	   padding:4px;
       font-family: Arial, Times, serif ; text-align: center; font-size: 65%;     
       font-weight: bold; color: #eeeeee;
	   z-index:2;
	   background-color:rgba(0,0,0,0.85);
	   width: 420px;
}

#content{
	position:relative;
	top: 165px;
	left: 5px;
	padding:8px;
	max-height:541px;
	max-width:980px;
	overflow-y: auto;
	overflow-x: hidden;
}
#contentPosition{
	position:relative;
	top: 165px;
	left: 0px;
	padding:6px;
	/*min-height:450px;*/
	max-height:541px;
	max-width:1000px;
	/*border: 2px solid #AAEEAA;*/
	overflow-y: auto;
	overflow-x: hidden;
}
div.objectTitle{ 
       position: relative;
	   top:3px;
       left:3px;	   
	   padding:8px;
       font-family: Arial, Times, serif ; text-align: left; font-size: 105%;     
       font-weight: bold; color: #524C4E;
}
#movablecellscontainer{ 
	position:relative;
	margin: 0 auto;
	padding: 0px;
	top: 5px;
	/*background: #E5E1E1;*/
	max-width: 1000px;    /* max_width and not width if you want to have text contenf of the two cells modified when resizing the window*/
	/*min-height:370px;*/
	/*border: 2px solid #AAEEAA;*/
	color: #111111;
	font-family:arial;
	z-index:1;
}
#leftcell{
	float:left;
    margin-left:0px;
	padding:0px;
    width: 460px;
	/*min-height:370px;*/
	/*border: 1px solid #C5C0AD;*/
	/*text-align:center;*/
	font-size: 80%;
}
/* if this one is positioned as relative then will go to next line, after leftcell*/
#rightcell{
	margin-left:470px;
	padding:0px;
	/*min-height:370px;*/
	/*border: 1px solid #C5C0AD;*/
	font-family:arial;
	font-size: 80%;
}
#rightcellMaps{
	margin-left:480px;
	padding:0px;
	/*min-height:370px;*/
	/*border: 1px solid #C5C0AD;*/
	font-family:arial;
	font-size: 80%;
}
div.embeddedImagePosition{ 
       position: relative;
	   margin-top: 2px;
	   left:5px;
	   padding:6px;
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: bold; color: #eeeeee;
	   z-index:2;
	   background: rgb(10, 10, 10); /* Fall-back for browsers that don't support rgba */
	   background-color:rgba(0,0,0,0.85);
	   width: 390px;
	   text-align:center;
	   /*min-height:360px;*/
	   visibility:visible;
}
div.embeddedMapPosition{ 
       position: relative;
	   margin-top: 2px;
	   left:5px;
	   padding:6px;
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: bold; color: #eeeeee;
	   z-index:2;
	   background: rgb(83, 73, 39); /* Fall-back for browsers that don't support rgba */
	   background: rgba(83, 73, 39, .83);
	   width: 390px;
	   /*min-height:360px;*/
	   visibility:visible;
}


#contentSites{
	position:relative;
	top: 170px;
	left: 10px;
	padding:8px;
	max-height:465px;
	max-width:1000px;
	overflow-y: auto;
	overflow-x: hidden;
}


div.embeddedMap{ 
       position: absolute;
	   margin-top: 20px;
	   left:150px;
	   padding:8px;
       font-family: Arial, Times, serif ; text-align: center; font-size: 65%;     
       font-weight: bold; color: #eeeeee;
	   z-index:2;
	   background-color:rgba(0,0,0,0.85);
	   width: 500px;
	   visibility:hidden;
}





div.alphaScroll{ 
       position: relative;
	   top:0px;
       left:10px;	   
	   padding:8px;
       font-family: Arial, Times, serif ; text-align: left; font-size: 105%;     
       font-weight: bold; 
	   color: #524C4E;
	   background-color:lightsteelblue;
	   max-width:120px; 
	   max-height:60px;
	   overflow: auto;
}


div.containerForSites{ 
       position: relative;
	   top:10px;
       left:30px;	
	   padding:4px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 95%;     
       font-weight: bold; font-style: normal; color: #524C4E;
}
div.communesForSites{ 
       position: relative;
	   top:10px;
       left:30px;	
	   padding:3px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: normal; font-style: italic; color: #524C4E;
}
div.deptForSites{ 
       position: relative;
	   top:10px;
       left:30px;	
	   padding:3px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: bold; font-style: normal; color: #524C4E;
}
div.artefactForSites{ 
       position: relative;
	   top:10px;
       left:70px;	
	   padding:1px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 85%;     
       font-weight: normal; color: #524C4E;
}
div.vizContent { 
       border: 1px solid #E0B834; 
       width:550px;
       position: relative;
       left: 0px;
	   top: -250px;
	   margin-top: 10px;  
       margin-bottom: 0px; 
		padding:3px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 75%;     
       font-weight: bold; color: #524C4E; letter-spacing: 0.1em;
}
div.vizImg { 
       border: 1px solid #E0B834; 
       width:250px;
       position: relative;
       left: 550px;
	   margin-top: 10px;  
       margin-bottom: 0px; 
		padding:0px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 75%;     
       font-weight: bold; color: #524C4E; letter-spacing: 0.1em;
}

div.seminaire { 
       border: 1px solid #E0B834; 
	   margin-top: 10px;  
       margin-bottom: 0px; 
		padding:25px;	   
       font-family: Arial, Times, serif ; text-align: left; font-size: 100%;     
       font-weight: normal; color: #524C4E;
}

img { 
	vertical-align:middle;
}

span[ibulle]{
  border-bottom: 0px dotted #888;
  cursor: alias;
}

[ibulle]{
  display: inline-block;
  position: relative;
}

[ibulle]:hover:before{
  content: attr(ibulle);
  position: absolute;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(103, 84, 17, 0.9);
  left: -10px;
  top: -38px;
  font-size: 14px;
  border-radius: 3px;
  white-space: nowrap;
  color: #fff;
  font-size: 11px;
}

[ibulle]:hover:after {
  content: "";
  position: absolute;
  border-top: 8px solid rgba(103, 84, 17, 1);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: -5px;
  top: -10px;
}

span[ibulle2]{
  border-bottom: 0px dotted #888;
  cursor: alias;
}

[ibulle2]{
  display: inline-block;
  position: relative;
}

[ibulle2]:hover::before{
  /*content: url(../3logos2.jpg);*/
  content: "";
  border-bottom: 8px solid rgba(103, 84, 17, 1);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
    /*padding: 0 8px;*/
  left: 1px;
  top: 12px;
  z-index: 1;
}

/* This is a single-line comment */
 [ibulle2]:hover::after {
	content: 'Autres noms:\a' attr(ibulle2);
	/*content: 'un string utilisé \a a plusieurs lignes mais qui va pas passer automatiquement';*/
	white-space: pre;
    position: absolute;
    left: 0;
    top: 24px;
    min-width: 200px;
    border: 1px #aaaaaa solid;
    border-radius: 10px;
    background-color: #ffffcc;
    padding: 8px;
    left: -10px;
    color: #000000;
    font-size: 14px;
    z-index: 1;
}

span[ibulle3]{
  border-bottom: 0px dotted #888;
  cursor: alias;
}

[ibulle3]{
  display: inline-block;
  position: relative;
}

[ibulle3]:hover::before{
  /*content: url(../3logos2.jpg);*/
  content: "";
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid rgba(103, 84, 17, 1);
  position: absolute;
    /*padding: 0 8px;*/
  left: 24px;
  top: 0px;
  z-index: 1;
}

/* This is a single-line comment */
 [ibulle3]:hover::after {
	content: 'Autre(s) nom(s):\a' attr(ibulle3);
	/*content: 'un string utilisé \a a plusieurs lignes mais qui va pas passer automatiquement';*/
	white-space: pre;
    position: absolute;
    left: 0;
    top: 0px;
    min-width: 150px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    left: 32px;
	top: -10px;
    color: #564D2C;
    font-size: 14px;
    z-index: 1;
}