/* CSS Document */

/* -- Body -- */
body {
	background-color:lightgrey;
	font-family: 'Lato', sans-serif;
}
a {
	text-decoration:none;
	color:#0b4996;
}

section  {
	background-color:white;
	width:718px;
	margin:auto;
	padding:20px;
	position:relative;
	top:-5px;
}

header {
	margin:auto;
	width:758px;
	height:210px;
	text-align:center;
}
header img{
	border-radius:50%;
	-webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
}
header img:hover {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg);
	-webkit-transition: -webkit-transform 2s ease-in-out;
    -moz-transition: -moz-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
}

h1 { color:grey; }

#listePays { text-align:center; margin:auto; border: solid 2px #eee; }
#listePays tr:nth-child(odd) { background-color:#eee; }
#listePays td.iso {
	width: 100px;
	vertical-align: center;
}
#listePays td.country {
	width: 140px;
	vertical-align: center;
}
#listePays td.country small {
	font-style: italic;
	opacity: .5;
	font-size: .75em;
}
#listePays td.cities {
	padding: 10px 0;
	width: 200px;
	font-size: .9em;
	vertical-align: center;
}
#listePays td.year {
	width: 100px;
	font-size: 1.5em;
	opacity: .4;
	vertical-align: center;
}

#liste_pays { text-align:center; margin:auto; }
#liste_pays tr:nth-child(even) { background-color:#eee; }
#liste_pays tr:nth-child(odd) { background-color:#ddddff; }
.text11 { font-size:11px; }
.text11 h1 { font-size:16px; font-weight:normal; margin:0px; color:black; }

footer {
	margin-top:50px;
	background-color:lightgrey;
	color:grey;
	padding:5px;
	text-align:center;
}
footer a {	color:grey;}
footer a:hover { color:black;}

#map_osm {
	width:100%;
	height:350px;
	margin-bottom:20px;
	border:0;
	/*background:url(images/loading.gif) center no-repeat;*/
	box-shadow:0 0 2px grey;
}