table.primal { border: none; width:100%; height:100%;}
/* logo petite princesse */
div#logo { position:absolute ; width:175px; height:107px; z-index:4; left:125px; top:9px;}
/* bannière de publicité */
div#banniere { position:absolute; width:472px; height:60px; z-index:2; left:314px; top:54px;}
/* portrait de sarah en haut à gauche */
div#portrait { position:absolute; width:107px; height:115px; z-index:2; top:0; left:10;}
/* bandeau englobant les vignettes indiennes */
div#panorama-top { position:absolute; width:703px; height:115px; z-index:1; left:83px; top:0px;}
/* bandeau vert du path*/
.bandeau-path {
background-image:url(Pics/site/separateur.gif); background-position: left top ; background-repeat:repeat-x; width: 100%; vertical-align:top;}
.sujet {
	  }
/* tableau de menu vertical à gauche */	  
table.menu-vertical {
width: 158px; background-color:#859176; height:100%; 
}	  
table.menu-vertical img {
text-align:center;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
/* cadre vert clair des menus */
div#menuvert {
    margin-left: 3px ;
	margin-right: 3px ;
	border: 1px solid #852A0C;
	background-color:#EEEDD8;
}
/* titres des menus en doré */
div#dor-men, div#dor-rub, div#dor-ser, div#dor-aut, div#dor-oeu, div#dor-sit, div#dor-dis, div#dor-goo, div#dor-lie, div#dor-par {height:17px;background-position:center;background-repeat:no-repeat;background-color: #852A0C;border: 1px solid #FCDE82;}
div#dor-men {background-image:url(Pics/site/tit-men.gif);}
div#dor-rub {background-image: url(Pics/site/tit-rub.gif);}
div#dor-ser {background-image:url(Pics/site/tit-ser.gif);}
div#dor-aut {background-image:url(Pics/site/tit-aut.gif);}
div#dor-oeu {background-image:url(Pics/site/tit-oeu.gif);}
div#dor-sit {background-image:url(Pics/site/tit-sit.gif);}
div#dor-dis {background-image:url(Pics/site/tit-dis.gif);}
div#dor-goo {background-image:url(Pics/site/tit-goo.gif);}
div#dor-lie {background-image:url(Pics/site/tit-lie.gif);}
div#dor-par {background-image:url(Pics/site/tit-par.gif);}
/* interieur des menus */
div#menu {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-top: 1px;
	text-align:left;
	padding-left: 5px;
	padding-bottom: 12px;
}
div#menu li { list-style-type:none; background-image:url(Pics/site/fleche-li.gif); background-repeat:no-repeat; background-position:left; padding-left: 10px;}
/* comportement des liens de menu */
div#menu a:link {text-decoration:none; color: #333333;}
div#menu a:visited {text-decoration:none; color: #333333;}
div#menu a:active {text-decoration:none; color: #333333;}
div#menu a:hover { text-decoration:none; color: #333333; background-color: #859176;}
/* bloc menu recherche */
div#blocsearch {
background-color:#555b49;
padding-bottom:10px;
margin-top:4px;
}
div#rubrique {
float:left ;
width:104px ;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
/* fiche de chaque page */
table.fiche {
width:100%; padding-left:5px; margin-right:3px; padding-bottom:10px;
}
/* liens blancs sur fond noir */
div#liensblancs {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background-color:#000000;
text-align:center;
font-weight:bold;
} 
div#liensblancs a:link {text-decoration:none; color:#FFFFFF;}
div#liensblancs a:visited {text-decoration:none; color:#FFFFFF;}
div#liensblancs a:active {text-decoration:none; color:#FFFFFF;}
div#liensblancs a:hover {text-decoration:underline; color:#FFFFFF;}
/* chemin / path et liens */
div#pathlink {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align:left;
	margin-bottom: 4px;
	background-color: #859176;
	min-height: 15px;
}
div#pathlink A:link { text-decoration:none; font-family: Arial, Helvetica, sans-serif;
 font-size: 11px; color: #800000;}
div#pathlink A:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #800000;}
div#pathlink A:active {text-decoration:none; font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: color: #800000;}
div#pathlink A:hover {text-decoration:underline; font-family: Arial, Helvetica, sans-serif;
 font-size: 11px; color: color: #800000;}
/* */ 
table.faqperso {
width:100%;
border: 1px solid #FFCC66;
padding: 1px;}	  
div#footer {
}
table.footlink {
background-color:#000000;
}
table.footlink td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#999999;
border-top: 1px solid #666666;
}
table.footlink a:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
table.footlink a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
table.footlink a:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold;}
table.footlink a:active {color:#FFFFFF; text-decoration:none; font-weight:bold;}
table.moteurbas {
margin-top: 3px;
}
table.moteurbas th {
color:#FFFFFF;
background-color:#000000;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left: 4px;
}
/* copyright en bas de page */
div#copyright {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
background-color:#859176;
}
/* fleche liée à l'ancre en haut à gauche */
.flechetop {
    padding-left: 4px;
}
/* Bloc achat DVD, ?, ?, ?, ? */
div#blocdroit {
float: right;
width: 250px;
}
/* Bloc bienvenue de la page d'accueil */
table.bienvenue {
margin-left:40px;
margin-top:10px;
margin-bottom:5px;
vertical-align:top;}
/* Bloc dispo DVD */
div#dispo-dvd {
background-color:#859176;
text-align:center;
margin:1px;
}
div#border3 {border:#859176 solid 3px;}
div#dispo-wh {color:#FFFFFF; padding-right:4px; text-align:right; padding-bottom:2px; font-weight:bold;}
div#dispo-wh a:link {
    color:#FFFFFF;
	text-decoration: none;
}
div#dispo-wh a:visited {
    color:#FFFFFF;
	text-decoration: none;
}
div#dispo-wh a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}
div#dispo-wh a:active {
     color:#FFFFFF;
	text-decoration: none;
}
/* Listing dans les rubriques */
div#rub-listing { list-style-image:url(Pics/puce.gif); padding-left:10px;}
/* tableau vert clair */
table.tableau1 {
background-color:#ecf2e8;
}
table.tableau1 th, table.tableau2 th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align:left;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom:2px;
}
table.tableau1 td, table.tableau2 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}
/* tableau vert moyen */
table.tableau2 {
background-color:#e4eade;
}
/* tableau vert olive */
table.tableau3 {
background-color:#E5E6C9;
border-left: 1px solid #acacac;
border-right: 1px solid #acacac;
}
table.tableau3 td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}
/* tableau historique */
table.tableau4 {
background-color:#ffffcc;
border-style: solid ;
border-width: 1px ;
border-color: #999966 ;
}
table.tableau4 th {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	letter-spacing: 6px;
	margin-top: 3px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom-color: #999966;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
}
table.tableau4 td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}
/* tableau gris */
table.tableau5 {
    background-color:#dddddd;
	padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
}
table.tableau5 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
table.tableau5 A:link { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; color: #996633;}
table.tableau5 A:visited { text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #996633;}
table.tableau5 A:active {text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #996633;}
table.tableau5 A:hover {text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; color: #996633;}
 /* Tableau indiquant si Sarah a visité le lieu ou non */
table.visite-sarah { width:100%; } 
table.visite-sarah td.vs-img { background-color:#859186; width:160px; text-align: center; vertical-align:top; border: 5px solid #859186;}
table.visite-sarah td.vs-txt { padding-left:3px; border-top: 5px solid #859186; border-bottom: 5px solid #859186; border-right: 5px solid #859186;}
/* Tableau signaletique dans les pages de persos */
table.signaletique { border: 1px solid #859186; width:100%; margin-top:3px; padding:2px;}
table.signaletique th { text-decoration:none; text-align:left; width:21%; vertical-align:top; padding-right:5px; border-bottom:1px solid #FFFFFF;} 
table.signaletique td.signaletique-1, table.signaletique td.signaletique-2 {width:79%; vertical-align:top; padding-left:4px; margin:1px; border-bottom:1px solid #FFFFFF;}
table.signaletique td.signaletique-1 {background-color:#ecf2e8;}
table.signaletique td.signaletique-2 {background-color:#e4eade;}
/* Tableaux de données */
table.donnees {width:100%;}
table.donnees td.donnees-1 {width:15%; padding-left:5px;}
table.donnees td.donnees-2 {width:85%;}
table.donnees td.donnees-1, table.donnees td.donnees-2 {border-bottom: 1px solid #FFFFFF; padding-bottom:2px;}
table.donnees tr.donnees-1 {background-color:#ecf2e8;}
table.donnees tr.donnees-2 {background-color:#e4eade;}
/* Tableaux de données 3 colonnes et plus */
table.datab {width:100%;}
table.datab  td.datab-1 {padding-left:5px;}
table.datab td.datab-2 {}
table.datab  td.datab-1, table.datab  td.datab-2 {border-bottom: 1px solid #FFFFFF; padding-bottom:2px;}
table.datab  tr.datab-1 {background-color:#ecf2e8;}
table.datab  tr.datab-2 {background-color:#e4eade;}
/* Table Sujets en rapport */
table.suj-rapport { width:100%; padding-left:25px; border:solid #859186 1px; margin-top:4px; padding-top:3px; padding-bottom:5px; background-color:#ecf2e8;}
table.suj-rapport li {list-style-image:url(Pics/puce.gif);}
/* */
table.sequel {margin-bottom:10px;}
table.sequel td.sequel-1 {font-size:16px; font-weight:bold; color:#ffffff; text-indent:5px; background-color:#859186;}
table.sequel td.sequel-2 {padding-left:5px;padding-right:5px; padding-top:4px;border-right: 4px solid #859186;border-left: 4px solid #859186;border-top: 3px solid #859186;background-color:#ecf2e8;}
table.sequel td.sequel-3 {padding-left:5px; padding-right:5px; padding-bottom:3px;border-right: 4px solid #859186;border-left: 4px solid #859186;border-bottom: 3px solid #859186;background-color:#ecf2e8; text-align: right;}
/* rubriques figures ayant fréquenté le lieu */
div#figures { float: left; width:200px; border: 2px solid #859186; -moz-border-radius: 9px; margin-top:5px; margin-right:10px; background-color:#ecf2e8; margin-bottom:12px;}
table.figures {width:100%;}
table.figures td.figures-1 { background-color:#859176; text-align: center; padding-top:4px; padding-bottom:5px;vertical-align: top;}
table.figures td.figures-2 { padding-top:3px; padding-bottom:5px; padding-left:4px; padding-right:4px; vertical-align: top;}
/* */
table.sujet-tag {background-color:#ecf2e8; border: 1px solid #859176; -moz-border-radius: 5px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 4px; min-height:12px;}
/* Tableau Elisée Reclus */
table.tab-reclus { width:100%; border: 1px solid #859186;}
table.tab-reclus td.tab-reclus-1 { background-color:#859186; padding-top:4px; padding-left:4px; padding-right:4px; vertical-align:top;}
table.tab-reclus td.tab-reclus-2 { padding-left:5px; padding-right:5px; padding-top:2px;}
/* Fan-Fics */
div#fan-fics-1 {background-color:#ecf2e8; padding-left:5px; padding-bottom:3px; padding-top:2px; margin-bottom:1px;}
div#fan-fics-2 {background-color:#e4eade; padding-left:5px; padding-bottom:3px; padding-top:2px; margin-bottom:1px;}
/* */
table.cadvert-res {border: 1px solid #555B49; width:100%;}
/* Tableau encadré dans erreurs & anachronismes */
table.encadre {border: 1px solid #859186; width:100%;}
table.encadre td.encadre-g { width:240px; vertical-align: top;}
table.encadre td.encadre-d { vertical-align: top; padding-bottom:5px; padding-top:1px;}