@charset "utf-8";

/* ----------------------------- CHOIX LANGUE */
.langue {
	display: flex;
}
.langue_flag {
	display: block;
}
.langue_texte {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
.langue_texte:link {
	color:#000000;
	text-decoration: none;
}


/* ----------------------------- COMMUN */
body {
	background-color: white; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
    text-align: left;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}
* {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-color:#FFFFFF;
}	
.pub_top_bottom {
	display: block;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;	
    margin-bottom: 3px;	
    margin-top: 3px;	
	text-align:center;
	background:#F5F5F5;
	padding:10px;	
}
.cadre_pc {
	display: flex;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;	
	justify-content: center;
	background:#F5F5F5;
	padding:10px;	
} 
.cadre_mo {
	display: flex;
	margin-left: auto;
    margin-right: auto;	
	justify-content: center;
} 
.cadre_colonnes, .cadre_colonnes_ar{
	margin: 10px;
	margin-top: 30px;
	padding: 10px;
}
.cadre_colonnes_ar {
	text-align: right;
}
.cadre_colonnes_pub {
	margin: 10px;
	margin-top: 20px;
	margin-right: 100px;
	text-align: left;
}

/* ----------------------------- INDEX */
.index_general_pc {
	display: flex;
	width: 1200px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;	
	background:#FFFFFF;
}
.index_colonne_gauche {
	width: 300px;
	margin: 0;
	margin-right: 3px;
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 20px;
	background:#F5F5F5;
}
.index_colonne_droite {
	width: 900px;
	margin: 0;
	padding: 0;	
	background:#F5F5F5;
}
.index_pub {
	width: 880px;
	margin-left: auto;
    margin-right: auto;	
    margin-bottom: 3px;	
    margin-top: 3px;	
	text-align:center;
	background:#F5F5F5;
	padding:10px;	
}
.index_continents_image {
	display: flex;
	width: 880px;
	margin-left: auto;
    margin-right: auto;	
    margin-bottom: 3px;	
    margin-top: 3px;	
	background:#F5F5F5;
	padding:10px;	
}
.index_continent {
	font-size: 15pt;
	font-weight: 600;
	text-align: left;
	color:#006699;
	line-height: 150%;	
}
.index_continent:link {
	text-decoration: none;
}
.index_continent:hover {
	color:#0099FF;
}

/* ----------------------------- TEXTE */
.texte_mo {
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 12px;
	text-decoration: none;
}
.texte_pc {
	margin-left: 40px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-decoration: none;
}

/* ----------------------------- ENTETE */
.premier_bandeau {
	display: flex;
}
.logo_pc {
	flex: 1;
}
.logo_mo {
	flex: 1;
	margin-bottom: 5px;
}

.search {
	flex: 100;
	text-align:center;
}
.drapeaux_pc {
	flex: 1 389px;
	margin-top:10px;	
	text-align:right;
}
.drapeaux_mo {
	text-align:right;
}
a.drapeau {
	vertical-align: middle;
	position: relative;
	color: black;
	text-decoration: none;
}
a.drapeau span {
   display: none; /* On masque l'infobulle. */
}
a.drapeau:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
}
a.drapeau:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 30px; /* On positionne notre infobulle. */
   left: -5px;
   background: yellow;
   font-size: 10px;
   color: black;
   padding: 5px;
   border: 0px solid;
   border-left: 0px solid;
}
.titre_general, .titre_general_ar {
	display:block;
	background-color: #6195E9;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 3px;
	color: #FFFFFF;
	font-weight: 600;
	border: solid;
	border-color:#B9B9FF;
	border-width: 0 0 4px 0;
}
.titre_general_ar {
	text-align: right;
}
.jaune {
	color: #FFFF00;
}
.ariane {
	color: #FFFFFF;
}
.ariane:link {
	text-decoration: none;
}
.ariane:hover {
	color: #000000;
}
.centrage {
	text-align: center;
}
.block {
	display: block;
}

/* ----------------------------- COPYRIGHT */
.copyright_pc {
	font-size: 8pt;
	flex: 100;
	text-align:left;
}
.copyright_mo {
	font-size: 10pt;
	text-align:left;
}

/* ----------------------------- BOTTOM */
.bandeau_bottom {
	background-color: #6195E9;
	width: 100%;
	margin-top: 13px;
	padding: 2px;
	padding-bottom: 4px;
	text-align: center;
	margin-bottom: 10px;
	border: solid;
	border-color:#B9B9FF;
	border-width: 4px 0 0 0;
}
.bandeau_bottom_mo {
	background-color: #6195E9;
	width: 100%;
	margin-top: 5px;
	padding: 3px;
	padding-bottom: 4px;
	text-align: left;
	line-height: 150%;
	border: solid;
	border-color:#B9B9FF;
	border-width: 4px 0 0 0;
}
.protected {
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
}
.protected_mo {
	margin-top: 7px;
	margin-bottom: 5px;
}
.bandeau_bottom_liens_pc {
	color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}
.bandeau_bottom_liens_pc:hover {
	text-decoration: underline;
}
.bandeau_bottom_liens_mo {
	color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}
.bandeau_bottom_fleche_mo {
	color: #FF0000;
	font-size: 16pt;
}

/* ----------------------------- CONTINENT */
.continent_titre_pc, .continent_titre_pc_ar {
	margin-top:3px;
	display: block;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;	
	margin-bottom:0px;
	font-size: 18pt;
	font-weight: 600;
	color: #964150;
	background:#F5F5F5;
	padding:10px;
}
.continent_titre_pc_ar {
	text-align: right;
}
.continent_titre_mo, .continent_titre_mo_ar {
	margin-top:3px;
	font-size: 14pt;
	font-weight: 600;
	color: #964150;
	padding:10px;
	margin-bottom: 0;
}
.continent_titre_mo_ar {
	text-align: right;
	font-size: 18pt;
}

.gris {
	color: #B5B5B5;
}
.continent_pays_pc, .continent_pays_mo {
	font-size: 12pt;
	font-weight: 500;
	line-height: 140%;
}
.continent_pays_mo {
	font-size: 12pt;
	font-weight: 500;
	line-height: 180%;
}
.continent_pays_pc:link, .continent_pays_mo:link {
	color:#000000;
	text-decoration: none;
}
.continent_pays_pc:hover {
	color:#0099FF;
}
.continent_pays_pc:visited {
	color:#0066CC;
}

.continent_pays_pc_ar, .continent_pays_mo_ar {
	font-size: 14pt;
	font-weight: 500;
	line-height: 140%;
}
.continent_pays_mo_ar {
	font-size: 14pt;
}
.continent_pays_pc_ar:link, .continent_pays_mo_ar:link {
	color: #000000;
	text-decoration: none;
}
.continent_pays_pc_ar:hover {
	color:#0099FF;
}
.continent_pays_pc_ar:visited {
	color:#0066CC;
}

.continent_colonnes_pc, .continent_colonnes_pc_ar{
	margin: 10px;
	margin-top: 0px;
	padding: 0px;
	flex: 1 260px;
}
.continent_colonnes_pc_ar {
	text-align: right;
}
.continent_colonnes_carte {
	margin: 0px;
	margin-top: 0px;
	margin-left: 0;
	padding: 0px;
	padding-left: 0;
	flex: 1 250px;
}

.continent_colonnes_mo, .continent_colonnes_mo_ar{
	margin: 0px;
	padding: 2px;
	margin-bottom:10px;
}
.continent_colonnes_mo_ar {
	text-align: right;
}

.continent_colonnes_pub {
	margin: 10px;
	margin-right: 0;
	margin-top: 2px;
}


/* ----------------------------- PAYS */
.pays_pub_top {
	display: flex;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;	
    margin-bottom: 3px;	
    margin-top: 3px;	
	text-align:center;
	background:#F5F5F5;
	padding:10px;	
}

a.pays_info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.pays_info span {
   display: none; /* On masque l'infobulle. */
}
a.pays_info:hover {
   background: none; 
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
}
a.pays_info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: -10px; /* On positionne notre infobulle. */
   left: 0px;
   background: yellow;
   color: black;
   padding: 5px;
   border: 0px solid;
   border-left: 0px solid;
}
.pays_cadre_pc {
	display: flex;
	flex-direction: column;
	width: 1200px;
	margin-left: auto;
    margin-right: auto;	
	justify-content: center;
	background:#F5F5F5;
	padding:10px;
} 
.pays_miniature {
	margin: 10px;
	box-shadow: 6px 6px 6px #B9B9B9;	
}
.pays_cadre_mo {
	display: flex;
	margin-bottom:10px;
	font-size: 10pt;
} 
.pays_cadre_mo_ar {
	display: flex;
	margin-bottom:10px;
	font-size: 13pt;
} 
.pays_ligne_image {
}
.pays_ligne_texte {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
.pays_affichage_pc {
	margin-top:3px;
	display: flex;
	width: 1220px;
	margin-left: auto;
    margin-right: auto;	
	margin-bottom:0px;
	background:#FFFFFF;
	padding:0px;
}
.pays_affichage_continent_pc {
	margin:0px;
	margin-right: 3px;
	background:#F5F5F5;
	padding:10px;
	width: 390px;
}

.pays_affichage_cartes_pc {
	margin:0px;
	background:#F5F5F5;
	padding:10px;
	width: 830px;
}
.pays_titre_pc, .pays_titre_pc_ar {
	margin-top:3px;
	margin-bottom: 3px;
	display: block;
	width: 810px;
	font-size: 18pt;
	font-weight: 600;
	color: #964150;
	background:#F5F5F5;
	padding:10px;
	padding-left:10px;
}
.pays_titre_pc_ar {
	text-align: right;
}
.pays_titre_mo, .pays_titre_mo_ar {
	margin-top:3px;
	margin-bottom: 3px;
	display: block;
	font-size: 18pt;
	font-weight: 600;
	color: #964150;
	padding:10px;
	padding-left:0;
}
.pays_titre_pc_ar {
	text-align: right;
}

.pays_miniatures_libelle {
	display: flex;
}
.pays_block_miniatures {
}
.pays_libelle {
	padding:10px;
	line-height: 170%;
}
.pays_coche {
	vertical-align:middle;
}
.pays_attributs {
	margin-top: 3px;
	font-style: italic;
	font-size: 11pt;
	color:#999999;
}
.pays_inarticle {
	margin: 10px;
}
.pays_pages { 
	display: flex;	  
	margin-top: 20px;
	margin-left: 450px;
	font-size: 15pt;
	font-weight: 600;
	color: #964150;
	line-height: 230%;
}
.pays_mobile_pages { 
	display: flex;	  
	margin-top: 20px;
	font-size: 15pt;
	font-weight: 600;
	color: #964150;
	line-height: 230%;
}
.pays_pub_bottom { 
	display:block;
	width: 1200px;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background:#F5F5F5;
}
.pays_mobile_pub_bottom { 
	display:block;
	margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background:#F5F5F5;
}

/* ----------------------------- CARTE */
.carte_cadre_miniature {
	display: flex;
	width: 1200px;
	background:#F5F5F5;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	padding: 10px;
	justify-content: space-between;	
} 
.carte_drapeau {
	padding-right: 20px;
} 
.carte_titre_pc, .carte_titre_pc_ar {
	display:block;
	width: 1200px;
	background:#F5F5F5;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-size: 20pt;
	color: #964150;
	font-weight: 600;
	margin-bottom: 3px;
}
.carte_titre_pc_ar {
	text-align:right;
}
.carte_titre_mo, .carte_titre_mo_ar {
	display:block;
	padding: 10px;
	font-size: 20pt;
	color: #964150;
	font-weight: 600;
	margin-bottom: 3px;
}
.carte_titre_mo_ar {
	text-align:right;
}

.carte_locale {
	margin-top: 5px;
	font-size: 15pt;
	color: #6195E9;
}
.carte_attributs {
	margin-top: 5px;
	font-size: 9pt;
	color: #000000;
}
.carte_liens_pub_pc {
	display:flex;
	width: 1200px;
	background:#F5F5F5;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	padding:10px;
}
.carte_liens_pub_mo {
	display:flex;
	background:#F5F5F5;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	padding:10px;
}

.carte_liens {
	width: 290px;
	background:#F5F5F5;
}
.carte_pub_top {
	background:#F5F5F5;
	margin-left: 20px;
	margin-top:3px;
}
.carte_images_fichier {
	display: flex;
	justify-content: space-between;	
}
.carte_liens_fichiers {
	border: medium solid #F5F5F5;
	margin:0;
}
.carte_liens_fichiers:link {
	border: medium solid #F5F5F5;
}
.carte_liens_fichiers:hover {
	border: medium solid #964150;
}
.carte_centrale {
	display: flex;
	width: 1200px;
	background:#F5F5F5;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	padding:10px;
}
.carte_centrale_pub {
	margin: 0;
}
.carte_bottom {
	display:block;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background:#F5F5F5;
}

.carte_complementaire {
	display: block;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	background:#F5F5F5;
	padding:20px;
	font-size: 14pt;	
}