/***********************************
FICHIER CSS GLOBAL
***********************************/

/** POLICE **/

@font-face {
    font-family: "RobotoSlab";
    src: url('../resources/fonts/RobotoSlab-Regular.ttf');
}

/** ARCHITECTURE PRINCIPAL **/

html {
	background-color: #DADADA;
	height: 100%;
}

head {
	display: none;
}

body {
	height: 100%;
	margin: 0;
}

/** HEADER **/

header {
	background-color: #4682B4;
	height: 9em;
}

/* BANDEAU */

.bandeau {
	height: auto;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* MENU DE NAVIGATION */

ul#menu_horizontal{
	list-style-type:none;
	text-align: center;
	font-size:20px;
	font-family: Minion Pro, Times New Roman, Arial;
	padding: 0;
}

ul#menu_horizontal li{
	display: inline;
	padding: 5px;
	margin: 10px;
	background-color: white;
}

ul#menu_horizontal li a{
	text-decoration: none;
}

#menu_horizontal a:link{color:#000000;}
#menu_horizontal a:visited{color:#000000;}
#menu_horizontal a:hover{color:#000000;}
#menu_horizontal a:active{color:#000000;}

/** FOOTER **/

footer {
	display: table-cell; /* comportement visuel de cellule */
	vertical-align: middle;
	height: 4em;
	width: 100%;
	background-color: #4682B4;
}

footer p {
	color: white;
	text-align: center;
	margin: auto;
	padding: 0;
}

/** DIV GENERAL **/

.content {
	display: table-row;
}

.page {
	display: table;
	width: 100%;
	height: 100%;
}

/* page d'accueil */
 
div#accueil{
	width: 900px;
	margin:auto;
	padding: 20px;
	text-align:justify;
	background-color: white;
} 

div.part_accueil {
	display:block;
	margin-top: 2em;
}

/* page fiche */

div.ficheContent {
	display: none;
	font-size: 14px;
	font-family: Minion Pro;
	width: 900px;
	margin: auto;
	background-color: white;
	padding: 1em;
}

div.ficheIdPart {
	background-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 1em;
}

div.ficheInfoPart {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 1em;	
} 



/*page liste des sites */

div.contentPageListe {
	font-size: 14px;
	font-family: Minion Pro;
	width: 900px;
	margin: auto;
	background-color: white;
	padding: 1em;
}

div.listeFiche {
	font-size: 14px;
	font-family: Minion Pro;
	width: 900px;
	margin: auto;
	background-color: white;
}

div.optionBouton {
	text-align: center;
	margin-bottom: 1em;
}

/* page à Propos */

div.text_apropos, div.contact {
	width: 900px;
	font-family:Minion Pro, Times New Roman, Calibri;
	display:block;
	text-align:justify;
	margin:auto;
	line-height:2em;
	font-size: 14px;
	background-color: white;
	padding: 1em;
}


/** IMAGES **/

.ficheImg {
	max-width: 900px;
	margin-top: 2em;
}

/** TITRES **/

/* Titres généraux */

h1.main {
	color: white;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	text-align: center;
	font-family: "RobotoSlab";
    white-space:nowrap;
}

h1.titre1 {

	text-align: center;
	font-family: Arial;
	height: 25px;
	margin: 2em;
}

h2.titre2{
	
	text-align: left;
	font-family: Arial;
	font-size: 20px;
}

/* Titre de la fiche */

h2.numFiche {
	text-align: center;
}

h2.nom {
	text-align: center;
}

/** PARAGRAPHES **/

div.part_accueil p{
	font-family: Minion Pro, Garamont, Arial;
}

/** LISTE **/

/*Liste des sites */

ul.listeDynaFiche {
	list-style-type:none;
}

ul.listeDynaFiche li a {
	text-decoration: none;
}

/* liste aPropos */

ul.listeContact {
	list-style-type:none;
	text-decoration: none;
}

.listeDynaFiche a:link{color:#000000;}
.listeDynaFiche a:visited{color:#000000;}
.listeDynaFiche a:hover{color:#1E90FF;}
.listeDynaFiche a:active{color:#000000;}

/** IMAGES **/

figure.licence_commons {
    display: block;
    margin: auto;
	padding-bottom: 2em;
}

.imgCreativeCommons {
    display: block;
    margin: auto;
    margin-bottom: 1em;
    margin-top: 4em;
	height: 100px;
	border: 2px solid black;
}

/** TABLEAU **/

table.tableauContact {
	border-style: solid;
	border-color: black;
	border-width: 2px;
	border-radius: 5px;
	padding: 5px;
}

/** LIEN **/

a.lienPerso:link{color:#000000;}
a.lienPerso:visited{color:#000000;}
a.lienPerso:hover{color:#1E90FF;}
a.lienPerso:active{color:#000000;}
a.lienPerso {
	text-decoration: none;
}

/** POPUP **/

/* gestion de l'encadrée de la popup */
div.leaflet-popup-content-wrapper {
	width: 200px;
}

/* gestion du text dans la popup */

.TdEntreeIDPopup {
	text-align: center;
	font-weight: bold;
}

/* gestion de la croix de fermeture de la popup */
a.leaflet-popup-close-button {

}