/* feuille de style pour fiche de livre */
body {font: normal normal 10pt "Times New Roman"; text-align: justify; background-color: #fff8e9;  overflow: auto; padding: 0px; margin: 0px;}

div#page {width: 1000px; margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto;}

h1 {font: normal bold 20pt/25pt Courier, Times; text-align: center}
h1.it {font: italic bold  20pt/25pt Courier, Times; text-align: center;}
h2 {font: normal bold 14pt Courier; margin-bottom: 6px; margin-top: 6px; text-align: left;}
h2.centre {font: normal bold 14pt Courier; margin-bottom: 6px; margin-top: 6px; text-align: center;}
h3 {font: normal bold 12pt Courier; margin-bottom: 6px; margin-top: 6px; text-align: left;}



p {font: normal normal 12pt "Times New Roman"; text-align: justify; margin-bottom: 6px; margin-top: 3px; }
p.cit{font: italic normal 12pt "Times New Roman"; text-align: justify; color:
#690000;}
p.citright{font: italic normal 12pt "Times New Roman"; text-align: right; color:
#690000;}
span.icit{font: normal normal 12pt "Times New Roman";}
p.centre{text-align: center;}
a {font: normal normal 12pt "Times New Roman"; color: blue; text-decoration: none;}


ul {
	list-style-type: square;
	list-style-position:inside;
	margin: 2px 0px 2px 10px;
	padding: 0px;}
	
li {
	font: normal normal 12pt "Times New Roman";
	text-align: left;}

div#soustitre {
	text-align: center;
	margin: 50px 0px 20px 0px;
	border-style: groove;
	border-color: silver;
	border-width: 0px 0px 0px 0px;
}

#soustitre a.retour {
	float: right;
}

/********************************/
/* Carte du monde et ses titres */
/********************************/

div#carte {
	position: relative;
	width: 680px;
	height: 350px;
	border: none;
	z-index: 1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#carte div {
	z-index: 2;
}



#carte a{
	font-family: Courier;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	text-shadow: 5px 5px 5px black;
	color: black;	
	text-decoration: none;
	z-index: 3;
}

#carte p{
	text-align: center;
	font-family: Courier;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

@keyframes apparition {
    0%   {opacity: 1;}
    30%  {opacity: 1;}
    40%  {opacity: 0.8;}
    60%  {opacity: 0.2;}
    70%  {opacity: 0;}
    100% {opacity: 0;}
}


#carte div#amnord {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 210px;
	height: 80px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

#carte div#amlat {
	position: absolute;
	top: 200px;
	left: 100px;
	width: 180px;
	height: 80px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-delay: -5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

#carte div#europe {
	position: absolute;
	top: 50px;
	left: 300px;
	width: 150px;
	height: 70px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-delay: -5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

#carte div#asie {
	position: absolute;
	top: 70px;
	left: 500px;
	width: 150px;
	height: 70px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

#carte div#afrique {
	position: absolute;
	top: 150px;
	left: 300px;
	width: 150px;
	height: 70px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}

#carte div#oceanie {
	position: absolute;
	top: 200px;
	left: 500px;
	width: 150px;
	height: 70px;
	border: none;
	animation-name: apparition;
   animation-duration: 5s;
   animation-delay: -5s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
}


/**********************************/
/* Menu horizontal page d'accueil */
/**********************************/

div#menu {
	margin: 10px auto 10px auto;
	width: 660px;
	text-align: center;	
}

#menu ul{
	height: 40px;
	list-style-type: none; 
	margin: 0px; 
	padding: 0px 5px 0px 5px;
	border: 0px;
}

#menu li{
	height: 40px;
	display: inline;
	text-decoration: none;
	font: bold normal 24px Courier; 
	margin: 0px 15px 0px 15px;
	padding: 3px 10px 3px 10px;
	border: 2px solid white;
	color: #fff; 
	background-color: #000;
	text-align: center; 
}

#menu a{
	font: bold normal 24px Courier; 
	text-decoration: none;
	color: #fff; 
	background-color: #000;
}

/************************************/
/* iframe de sommaire par continent */
/************************************/

iframe#sommaire {
	float: left;
	width: 175px;
	height: 900px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	border: none;
	scrolling: no;
}

img.sommaire {
	width: 170px;
}

ul#sommaire_continent {
	list-style-type: none; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: black;
	width: 168px;
}

#sommaire_continent li {
	height: 30px;
	border: 1px solid white;
	border-collapse: collapse; 
	color: white;
	line-height: 30px;
	width: 162px;
	padding: 0px 3px 0px 3px;
	text-align: left;
}

#sommaire_continent a:link {
	font: normal normal 13pt Courier;
	color: white;
}

#sommaire_continent a:visited {
	font: normal normal 13pt Courier;
	color: white;
}

/**********************************/
/*     Contenu des fiches         */
/**********************************/

table {font: normal normal 12pt "Times New Roman"; text-align: justify}
table.fiche {font: normal normal 12pt "Times New Roman"; text-align: justify;}
td {font: normal normal 12pt "Times New Roman"; text-align: justify; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px}

table.encart {font: normal normal 12pt "Times New Roman"; text-align: justify; background-color: #f0f0cd; border-collapse: collapse; border : 1px solid}
td.encart-nobord {font: normal normal 12pt "Times New Roman"; text-align: justify; background-color: #f0f0cd; border: none; padding: 3px}
td.encart-c-nobord {font: normal normal 12pt "Times New Roman"; text-align: center; border: none; padding: 3px}
td.encart {font: normal normal 12pt "Times New Roman"; text-align: justify; background-color: #f0f0cd; border: 1px solid; padding: 3px}
td.encart-c {font: normal normal 12pt "Times New Roman"; text-align: center; background-color: #f0f0cd; border: 1px solid; padding: 3px}
th.encart {font: normal bold 12pt "Times New Roman"; text-align: center; background-color: #f8e9cd; border: 1px solid; padding: 3px}
th {font: normal bold 10pt "Times New Roman"; text-align: center}

/* grille sommaire-pays */
div#titrepays {font: normal normal 12pt Courier; text-align: justify;  margin: 0px 20px 5px 20px; position: fixed; top: 0px; width: 1000px; height: 150px; z-index: 1; background-color: #fff8e9; }

#titrepays div.titre {float: left; width: 60%; margin-top: 40px; margin-bottom: 5px; margin-left: 0px; padding: 2px; font: normal normal 10pt Courier; text-align: left; border-bottom: 2px groove silver;}


#titrepays h1 {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; font: normal bold 30pt Courier; text-align: left;}

#titrepays div.image {float: left; height: 125px; margin: 5px 40px 5px 20px}
#titrepays img {height: 120px; margin: 2px}

div#sommairepays {
	font: normal normal 12pt "Times New Roman"; 
	text-align: justify; 
	margin: 5px 20px 5px 20px;
    padding-top: 30px;
	padding-bottom: 20px; 
	position: relative;  
	top: 150px; 
	width: 1000px;
    min-height: 550px;
}

div.sommairegauche {float: left; width: 42%;}
div.sommairedroitecit {float: right; background-color: #f8e9cd; width: 35%; border: 1px groove silver; margin: 5px; padding: 3px}


#sommairepays img {float: right; margin: 20px 20px 20px 20px}


div.clear {clear: both; }


/*******************************/
/* grille titre pour une fiche */
/*******************************/

div#titrefiche {font: normal normal 12pt Courier; text-align: center;  margin: 0px 20px 5px 20px; position: fixed; top: 0px; width: 1000px; height: 120px; z-index: 1; background-color: #fff8e9; }

ul.titrefiche{width: 1000px; margin: 5px 26px 5px 26px; padding: 0px; list-style-type: none;}
li.titreficheg-start{float: left; margin: 0px 0px 0px 10px; padding: 0px; border-left: 2px groove silver; border-top: 2px groove silver; border-bottom: 2px groove silver; width: 22% ; height: 90px; font: normal normal 12pt Courier; text-align: center; }
li.titreficheg{float: left; margin: 0px; padding: 0px; border-left: 2px groove silver; border-top: 2px groove silver; border-bottom: 2px groove silver; width: 220px ; height: 90px; font: normal normal 12pt Courier; text-align: center; }
li.titrefiched{float: left; margin: 0px; padding: 0px; border-left: 2px groove silver; border-top: 2px groove silver; border-bottom: 2px groove silver;
width: 120px ; height: 90px; font: normal normal 10pt Courier; text-align: center; word-wrap: break-word;}
li.titrefiched-end{float: left; margin: 0px; padding: 0px; border: 2px groove silver;
width: 12% ; height: 90px; font: normal normal 10pt Courier; text-align: center; }
#titrefiche h1 {margin-top: 5px; margin-bottom: 5px; padding: 2px; font: normal bold 12pt Courier; text-align: center;}
#titrefiche h1.it {margin-top: 5px; margin-bottom: 5px; padding: 2px; font: italic bold 12pt Courier; text-align: center;}
#titrefiche h2 {height: 35%; margin-top: 3px; margin-bottom: 3px; padding: 0px; font: normal bold 10pt Courier; text-align: center; border-bottom: 2px groove silver;}

div.titrefiche {font: normal bold 12pt Courier; text-align: center;}
table.titrefiche {border-collapse: collapse; border : 2px groove silver}
th.titrefiche {font: normal bold 12pt "Times New Roman"; text-align: center;  border: 2px groove silver; padding: 2px}
td.titrefiche {font: normal normal 12pt "Times New Roman"; text-align: center;  border: 2px groove silver; padding: 2px}


/* fiche */
div#fiche {font: normal normal 12pt "Times New Roman"; text-align: justify; margin: 5px 20px 5px 20px; position: absolute;  top: 110px; left: 0px; width: 1000px;}

img#fiche {border: none; margin: 0px; padding: 0px;}

div#tableau{font: normal normal 12pt "Times New Roman"; text-align: justify; padding: 0px;}

#tableau p{font: normal normal 12pt "Times New Roman"; text-align: justify; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0px;}
#tableau p.cit{font: italic normal 12pt "Times New Roman"; text-align: justify; color: #690000;}
#tableau p.citright{font: italic normal 12pt "Times New Roman"; text-align: right; color: #690000;}
#tableau span.icit{font: normal normal 12pt "Times New Roman";}
#tableau .centre {text-align: center;}

#tableau .ligne{display: table-row; width: 100%;  padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 5px; margin: 0px;}
#tableau .cellulemoitie{display: table-cell; width: 50%;  padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; margin: 0px; vertical-align: top;}
#tableau .celluledeuxtiers{display: table-cell; width: 66%; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; margin: 0px; vertical-align: top;}
#tableau .celluletiers{display: table-cell; width: 33%; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 5px; margin: 0px; vertical-align: top;}

#tableau .encart {background-color: #f0f0cd; border-collapse: collapse; border : 1px solid black;}

/************************************/
/* Corps d'un sommaire de continent */
/************************************/

div#corps {
	font: normal normal 12pt "Times New Roman";
	text-align: justify; 
	margin: 5px 20px 5px 20px;
	min-width: 600px;}
	
#corps img.droite {float: right; margin: 20px 20px 20px 20px}

#corps img {margin: 20px 20px 20px 20px}

/******************************/	
/*     actualites et liens    */
/******************************/	

div#europe {float: left; border-width: 2px 0px 0px 2px; border-style:  groove; border-color: silver; padding: 0px; margin: 0px; width: 497px; height: 400px; overflow: auto;}
div#amnord {float: right; border-width: 2px 2px 0px 2px; border-style:  groove; border-color: silver; padding: 0px; margin: 0px; width: 497px; height: 400px; overflow: auto;}
div#amlat {float: left; border-width: 2px 0px 2px 2px; border-style:  groove; border-color: silver; padding: 0px; margin: 0px; width: 497px; height: 400px; overflow: auto;}
div#reste {float: right; border-width: 2px 2px 2px 2px; border-style:  groove; border-color: silver; padding: 0px; margin: 0px; width: 497px; height: 400px; overflow: auto;}
div#complements {border-width: 0px 2px 2px 2px; border-style:  groove; border-color: silver; padding: 0px; margin: 0px; width: 996px;}

h2.actu {font: courrier bold 14pt "Times New Roman"; text-align: center; border-top: 2px groove silver collapse; border-bottom: 2px groove silver; padding: 3px; margin: 0px; background-color: #f0f0cd;}
h3.actu {font: normal bold 14pt "Times New Roman"; text-align: left; margin: 3px;}

ul.actu {margin: 5px; padding: 0px; text-align: justify; }
li.actu {font: normal normal 12pt "Times New Roman"; text-align: justify; margin: 5px 0px 5px 40px; list-style-type: square; list-style-position: outside; padding: 5px 0px 10px 20px;}
li.actunew {font: normal normal 12pt "Times New Roman"; text-align: justify; margin: 10px 0px 5px 0px; list-style-type: none; background-image: url(ligne.jpg); background-position: 0px 20px; background-repeat: no-repeat; padding: 25px 0px 20px 60px;}
p.actu {font: normal normal 12pt "Times New Roman"; text-align: justify; margin: 5px;}

div#librairies{float: left; border-width: 2px 0px 2px 2px; border-style:  groove; border-color: silver; padding: 10px 7px 10px 7px; margin: 0px; width: 483px; height: 400px; overflow: auto;}
div#sites{float: right; border-width: 2px 2px 2px 2px; border-style:  groove; border-color: silver; padding: 10px 7px 10px 7px; margin: 0px; width: 481px; height: 400px; overflow: auto;}
div#cartographie{border-width: 2px ; border-style: groove; border-color: silver; padding: 10px 7px 10px 7px; margin: 0px;}
div#copinage{border-width: 0px 2px 2px 2px; border-style: groove; border-color: silver; padding: 10px 7px 10px 7px; margin: 0px;}




/*******************/
/*  Pied de page   */
/*******************/


div#pied {
	position: bottom;
	width: 850px; 
	margin: 20px auto 0px auto; 
	padding: 10px 0px 0px 0px;
	border: none;
	text-align: center;
}

#pied iframe {
	width: 100%;
	height: 150px;
	border: none;
}

#piedcontenu p {
	text-align: center;
	font: normal normal 10pt Courier; 
	margin-bottom: 6px; 
	margin-top: 3px; 
}

#piedcontenu a {
	font: normal normal 10pt Courier; 
}

#piedcontenu img{
	width: 120px;
}
/* mise a jour le 17/08/2017 */