<!-- <link rel="stylesheet" type="text/css" href="../tooltipster/dist/css/tooltipster.bundle.min.css" />
<link rel="stylesheet" type="text/css" href="../css/tooltipster-follower.css" />
<script src="../tooltipster/dist/js/tooltipster.bundle.min.js"></script>
<script src="../js/tooltipster-follower.js"></script> -->

  <style type="text/css">

.map path{
	/*fill:#fff;*/
	stroke:#3D3DFF;
	stroke-width:1px;
	cursor:pointer;
	transition: fill 0.3s;
	}


#conteneur_lightbox_carte .map svg{
	width: 50% !important;
	height: auto
}

</style>

<div class="map">
<svg version="1.1" id="littoral_x5F_card" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
	 y="0px" viewBox="0 0 450 500" style="enable-background:new 0 0 450 500;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#FF9470;stroke:#000000;stroke-miterlimit:10;}
	.st1{fill:#70A0FF;stroke:#000000;stroke-miterlimit:10;}
	.st2{fill:#FFFF90;stroke:#000000;stroke-miterlimit:10;}
	.st3{fill:#FFA0A0;stroke:#000000;stroke-miterlimit:10;}
	.st4{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
</style>
<a xlink:href="javascript: Affichage_box('lightbox_carte_departement_sanaga_maritime.php','opacite','div_traitement', 1);"> 
	<path id="D95" fill="<?php $departement=getdepartementInformationsbyreference(D95); echo $departement["couleur"] ?>" data-tooltip-content="#Sanaga-Maritime" class="tooltip" d="M427.3,271.6v10.1c0,0-2-0.1-3.6,0s-2.9,1.5-4.4,1.8s-6.4,1.1-9.3,1.8
		c-2.9,0.6-6.7,3.4-7.7,4.8s-3.1,1.5-6.3,2c-3.1,0.5-6.4,3.1-8.9,3.6s-11,0-14.1,0.9c-3.1,0.9-5.4,4.5-5.6,5.8s-1.4,1.1-2,0.1
		s-2.3-0.9-5.5-1.3c-3.3-0.4-7,2.6-9.8,4.3c-2.8,1.6-11.4,3.4-12.9,4.1s-2.1,12.4-3,14.8c-0.9,2.4-7.9,8-8.4,10.8s3,19.9,3.6,22.4
		c0.6,2.5-4.2,5.2-5.1,6.9s0.3,3.5,0,4.5s-3.4,2.1-5.5,3.3s-1.1,5.9-2.3,9.4s-2.3,3.6-3.5,3.6s-3.1-2-5.3-5s-3-4.1-4.5-5
		s-20.3-12.9-23.6-12.9c-3.4,0-9.4,2.8-12.8,4.3c-3.4,1.5-4.6,4.9-6,7.4c-1.4,2.5-1.4,9.3-1.5,13.8c-0.1,4.5-4.5,7.3-5.7,8.8
		c-1.3,1.5-0.6,8.5-1.1,11.4c-0.5,2.9-9.4,18.4-9.4,18.4h-9.5c0,0,0.1-3.5,0-5.8c-0.1-2.3-4.5-2.4-5.8-3c-1.2-0.6-1.2-2.6-2.6-4.8
		s-3.6-0.3-6.1,2.6c-2.5,2.9-8,1.4-11.1,1.4s-2.9,2.9-3.8,4.8s-9,12.6-10.3,13.9c-1.3,1.3-2.9,2.8-2.5,4.6s1,2,0.8,4.8
		c-0.2,2.8-1,6.6-0.3,8.1s0.4,2.9-0.6,3.8c-1,0.9-2.5,3.2-2.7,6c-0.3,2.7-2.8,9.6-4,11.4c-1.3,1.8-5.8,3.5-9.5,4.6
		c-3.8,1.1-10,9.6-10.6,10.1s-11.4,0.8-11.4,0.8c-1.6-5.7-2.6-8-10.8-18.3s-21.3-23.3-22.5-24.8s-6-6-9.8-8.3s-6.8-4.5-9-8
		s-4.3-1-5.3-3s-4.3-2-4.5-4.3s2.5-1,3.3-3.8s-0.3-3-1.5-4.3s-0.8-5-0.8-7.3s3-2,3.3-4.3s-2-5-4-8.8c-1.4-2.5-9.4-14.6-14.6-22.6
		c3.2-0.2,6-0.4,7.4-0.4c4,0,6.8,4.5,9.5,6s5.5,0.8,5.8,0s2.8-1.3,11.8-1.5s4-2.3,7.5-5s5-2.3,5.8-4.3s0.5-2.8,2-5.8s1.8-3.8-0.3-6
		s-0.3-7,3.1-9c3.4-2,7.4-1.5,11.1-4s4.3-1,6.3-6.3s-0.5-8.8-2.8-12.3c-2.3-3.5-3.7-3.3-3.9-7.5s-3-4.8-3.8-6.8s7.7-4.6,7.7-4.6
		l0-0.1c1.7-0.2,3.1-0.4,3.7-0.7c2-0.8,4-0.9,8-1.9s3.7,0.5,9.8,0.8c6.2,0.3,3.2,0.5,7.7-0.7c4.5-1.2,6.3,0.5,10.8-0.2
		c4.5-0.7,1.5,1.3,5.7,1.8c4.2,0.5,2.3-5.8,5.7-9.7c3.3-3.8,6.2-2,13.7-0.3c7.5,1.7,3,2.3,4.7,2.3c1.7,0,3.2,0.2,8.3,1
		c5.2,0.8,3.7-0.2,8.2-0.7s3.2,1.8,6.5,3.3c3.3,1.5,5.2,0.3,7.7-2.7s3.3,0,5.5,0s5.8-4.8,8-6.7c2.1-1.8,2.9-2,2.7-3.7
		c-0.2-1.7-3-3.2-2.7-5.5c0.3-2.3,7.3-14.3,9.5-18.8s5.8-8,8.3-14.8c2.5-6.8,5.2-2.8,8.8-5.3c3.7-2.5,4.2-7.2,4.2-8.8
		c0-1.7,8.5-3.2,8.5-3.2l-1.1-14.3c2.1,0.9,4.1,1.9,5.7,2.6c4,1.9,10,2.9,14.2,1.8c4.3-1.1,7.6-7,8.9-9s4.3-1.5,6-2s1.6-0.6,2.9-3.6
		c1.2-3,4.7-4.4,5.9-4.1c1.1,0.3,1.5,2.5,2.1,4.5c0.6,2,2.2,3,4.5,3.8c2.2,0.7,4.1-1.5,6.9-5.1s3.4-6.4,4.3-10.5s0.9-6.8,3.6-11.4
		c2.8-4.6,6.4-2.3,10.8-1c4.4,1.2,6.9,0,9.1-1.9s3.3-2,5.4-0.6c2.1,1.4,1.2,5.9,0,8.7c-1.3,2.9-0.6,7.4-1.1,12.3
		c-0.5,4.9-1,4.6-3.1,6.2c-2.1,1.6-0.9,7.8,2.4,12c3.3,4.3,7.3,6.1,8.1,11.3c0.9,5.1,3.3,4.6,6,6.6c2.8,2,2.4,8.3,3.6,10.9
		c1.3,2.6,4.6,3.7,6,7c1.4,3.2,1.8-1.8,5.5,5.2s6.6,6.6,9.8,7.6S427.3,271.6,427.3,271.6z"/>
</a>
<a xlink:href="javascript: Affichage_box('lightbox_carte_departement_wouri.php','opacite','div_traitement', 1);"> 
<path id="D100" fill="<?php $departement=getdepartementInformationsbyreference(D100); echo $departement["couleur"] ?>" data-tooltip-content="#Wouri"  d="M146.9,335.8c-2,5.3-2.5,3.8-6.3,6.3s-7.8,2-11.1,4c-3.4,2-5.1,6.8-3.1,9s1.8,3,0.3,6
	s-1.3,3.8-2,5.8s-2.3,1.5-5.8,4.3s1.5,4.8-7.5,5s-11.5,0.8-11.8,1.5s-3,1.5-5.8,0s-5.5-6-9.5-6c-1.4,0-4.2,0.2-7.4,0.4
	c-2.5-3.8-4.3-6.6-4.5-7.1c-0.5-1.4,1.3-1.4,2.4-0.4c1.1,1,3.3,3.4,3.8,4.6c0.5,1.2,2.1,0.3,2.8-1.3c0.8-1.6,0.9-1.2,1.9-1.9
	s0.4-2.4,0.4-5.9s0.9-3,1.6-4.6c0.7-1.6,2.5-3.4,4.6-3.8c2.1-0.3,2.9,1.5,4.9,3.2c2,1.7,5.8,4.8,7,6.7c1.3,1.9,2,1.9,2.8,1.5
	c0.8-0.4-0.3-5.8-0.3-6.6c0-0.8,2.5-1.7,3.2-1.7s2,0.6,2.8,0.1s0.7-2.1,0.5-2.5c-0.2-0.4-8.3-8.6-8.7-9.1c-0.3-0.5,0.2-1.3,1.5-1.6
	c1.3-0.3,1,0.3,1.8,0.6c0.8,0.3,1.1-0.5,1-1.1c-0.1-0.6,0.8-2.9,0.1-3.2s-1-1-1.8-1.7c-0.8-0.7-7.2,0.1-8.8,0.3
	c-1.7,0.2-2.2,1.4-3.8,0.3c-1.7-1.2-1.8-4.5-0.5-7c1.3-2.5,14-20.7,15.5-22.7s3-2.2,3-3.3c0-1.2,2-1.8,1.3-2.7
	c-0.7-0.8-2.8,0.8-4.2-0.3c-1.3-1.2,1.2-4.3,0.8-6c-0.3-1.7-1.3,2.7-3.3,5.3c-2,2.7,0.2,2.8,0.3,5.5c0.2,2.7-3.8,3-6.2,3.7
	c-2.3,0.7-1.3,0.7-3.3,3.2s-4.2,3.8-7.7,5.2c-3.5,1.3-4.8,3.5-8,3.5c-3.2,0-7.8-3.8-9.8-5.3s-2.3,1.2-2.7,2.2c-0.3,1,2,4.5,3.3,7.8
	c1.3,3.3,0,6.3-1.7,6.5c-1.7,0.2-2.5-0.2-4.5,0.8s-3.5-0.2-5.3-1.5c-1.8-1.3-3.2-5.5-5.2-6.3c-2-0.8-2.5,0.3-1.7,1.7
	c0.8,1.3,2.3,3.7,1.7,6.3c-0.7,2.7-1.7,3.3-1.3,5.2c0.3,1.8,4.3,5,4.3,5s-6,4.7-14.2,6.2c-8.2,1.5-20.4-7.9-20.4-7.9
	s7.3-9.3,9.2-10.7c1.8-1.3,5.6-0.8,6.9-1.8c1.3-0.9,0.1-3.6,0-5.5c-0.1-1.9,4.8-6.3,6.2-8.7c1.3-2.3,5.9-7.9,7.8-10.4
	c1.5-2,3.2-6.6,4.3-8.6c5.9,1.8,3.3,2.8,11.5,3.8c2.5,0.3,16.5-0.6,17.3-1.9c0.8-1.3,1.3-2.8,4-4.2c2.7-1.3-0.3-5.2,5.5-6.3
	c5.8-1.2,24.5-5.8,25.5-7c1-1.2,2.8-13,6.7-16.2c0.1-0.1,0.2-0.2,0.3-0.2l12.4,12.4l4,28.3c0,0-8.4,2.6-7.7,4.6s3.5,2.5,3.8,6.8
	s1.6,4,3.9,7.5C146.4,327,148.9,330.5,146.9,335.8z"/>
</a>

<a xlink:href="javascript: Affichage_box('lightbox_carte_departement_nkam.php','opacite','div_traitement', 1);"> 
<path id="D105" fill="<?php $departement=getdepartementInformationsbyreference(D105); echo $departement["couleur"] ?>" data-tooltip-content="#Wouri" d="M297.3,230.4c0,0-8.5,1.5-8.5,3.2c0,1.7-0.5,6.3-4.2,8.8c-3.7,2.5-6.3-1.5-8.8,5.3
	c-2.5,6.8-6.2,10.3-8.3,14.8s-9.2,16.5-9.5,18.8c-0.3,2.3,2.5,3.8,2.7,5.5c0.2,1.7-0.6,1.8-2.7,3.7c-2.1,1.8-5.8,6.7-8,6.7
	s-3-3-5.5,0s-4.3,4.2-7.7,2.7c-3.3-1.5-2-3.8-6.5-3.3s-3,1.5-8.2,0.7c-5.2-0.8-6.7-1-8.3-1c-1.7,0,2.8-0.7-4.7-2.3
	c-7.5-1.7-10.3-3.5-13.7,0.3c-3.3,3.8-1.5,10.2-5.7,9.7c-4.2-0.5-1.2-2.5-5.7-1.8c-4.5,0.7-6.3-1-10.8,0.2c-4.5,1.2-1.5,1-7.7,0.7
	c-6.2-0.3-5.8-1.8-9.8-0.8s-6,1.1-8,1.9c-0.6,0.2-2,0.5-3.7,0.7l-4-28.2L127.7,264c3.7-3,6.4-4.3,8.5-10.9c2.2-6.8,5.8-18,6.2-23.3
	c0.3-5.3-1.3-5.2-5-7.2s-7.3-1.5-11.2-7.8c-3.8-6.3-2-14.8,0.2-18.7c2.2-3.8,3.5-9,4.5-11.2c1-2.2,3.8-4.5,6.5-6.8
	c2.7-2.3,5.7-9.5,8.2-13.3c2.5-3.8,6.3-6.5,8.7-2.8c2.3,3.7,6,13,8.5,13.3c2.5,0.3,4.7,1.7,6.7-1.3s11.7-19,13.7-22.7
	c2-3.7,5.5-10,3.2-14.8c-2.3-4.8-7-10.5-6.2-16.3c0.8-5.8,5-15.3,9.2-18.2c1.1-0.8,3.2-2.4,5.5-4.4c0.7,0.6,2.1,0.2,3.4,0.8
	c1.6,0.8,4.5,8.1,5.4,9.1c0.9,1,6.1,0,7-0.6c0.9-0.6,4-10.9,5.5-14.3s9.3-6,11.6-7.4c2.4-1.4,2.4-1.5,2.4-3.6s1.3-7.4,2.1-9.6
	c0.9-2.3,4.4-1.4,6.9-1.2c2.5,0.2,6.8,3.3,8.5,3.3c1.8,0,3.4-1.5,4.6-2.8c1.3-1.3,5,0.2,6.9,0.2c1.9,0,4.5-0.6,5.9,0.6
	s0.1,7.8,0.1,9.6c0,1.9,7.3,7.5,8.5,9.8c1.3,2.2,1.5,10.5,1.5,11.4s4,3.3,5.4,2.1c1.4-1.3,2.1-2.8,3-1.8s2,3.6,2.4,6.6
	c0.4,3,2.4,2.1,5.5,1.9c3.1-0.2,3,0.8,3,0.8s0,2.6-1.1,4.1s-5.4,5-7.8,8.8c-2.4,3.8-6.1,5.4-9.3,6.5s-11.1,8.6-13.3,10.6
	s-1.4,2.9-1.8,6.4s-2.9,9.6-2.9,9.6s1.4,0.9,5.2,0.4c3.9-0.5,8.8-4.1,10.9-6.8s7.9-1.4,10.4-1.4s4.7,3.6,6,5.4
	c1.2,1.8,0.5,1.8-1.8,5.1c-2.3,3.4-2.9,10-3.4,10.8c-0.5,0.7-2.6,0.4-4.6,1.1s-4.9,7.1-8.8,11.4c-3.9,4.2-4.6,10.4-5.8,16.2
	c-1.1,5.9,3.1,7.6,5.3,8.8c2.1,1.1,5.4,0.6,9,0.7c3.6,0.1,5.1,2.9,7.5,3c1.5,0.1,4.7,1.4,8,2.9L297.3,230.4z"/>
</a>
<a xlink:href="javascript: Affichage_box('lightbox_carte_departement_moungo.php','opacite','div_traitement', 1);"> 
<path id="D110" fill="<?php $departement=getdepartementInformationsbyreference(D110); echo $departement["couleur"] ?>" data-tooltip-content="#Moungo" d="M194.8,97.5c-2.4,2-4.4,3.6-5.5,4.4c-4.2,2.8-8.3,12.3-9.2,18.2c-0.8,5.8,3.8,11.5,6.2,16.3
	c2.3,4.8-1.2,11.2-3.2,14.8c-2,3.7-11.7,19.7-13.7,22.7s-4.2,1.7-6.7,1.3c-2.5-0.3-6.2-9.7-8.5-13.3c-2.3-3.7-6.2-1-8.7,2.8
	c-2.5,3.8-5.5,11-8.2,13.3c-2.7,2.3-5.5,4.7-6.5,6.8c-1,2.2-2.3,7.3-4.5,11.2c-2.2,3.8-4,12.3-0.2,18.7c3.8,6.3,7.5,5.8,11.2,7.8
	s5.3,1.8,5,7.2c-0.3,5.3-4,16.5-6.2,23.3c-2.1,6.7-4.9,7.9-8.5,10.9c-0.1,0.1-0.2,0.1-0.3,0.2c-3.8,3.2-5.7,15-6.7,16.2
	c-1,1.2-19.7,5.8-25.5,7c-5.8,1.2-2.8,5-5.5,6.3c-2.7,1.3-3.2,2.8-4,4.2c-0.8,1.3-14.7,1.3-17.2,1.5c-1,0.1-6.4-1-12.4-2.2
	c0.3-0.5,0.5-0.9,0.8-1.1c1.3-1.3,4.7,1.4,6.4,2c1.8,0.6,1.8,0.5,3.1-1s5.7-7.7,6.8-9c1.2-1.3-4.5-4.2-5-6.7s0.7-2.8-0.3-5.2
	c-1-2.3-2-0.8-3.7-0.7c-1.7,0.2-9.5,3.3-10.8,3.3s-1.2-4-4.3-4.8c-3.2-0.8-5.3-0.7-5.3-2c0-1.3,4.7-19.5,6.3-23.5
	c1-2.4,5.4-8.9,8.9-14.2c2.3-3.5,4.2-6.4,4.6-7.4c0.8-2.5-1.8-3.7-2.3-6.2s0-9.8,0-12.7c0-2.8,1.7-3.3,3.7-5.7
	c2-2.3,2.7-6.8,3.5-9.2c0.8-2.3,11.7-17.5,12.7-19.5s4.3,0.5,5,0.7c0.7,0.2,3.5,1.8,6.7,0.3c3.2-1.5,3-2.2,3.7-3.8
	c0.7-1.7-0.2-1.7-1-3.3c-0.8-1.7-0.3-2.8,0-4.2c0.3-1.3,13.5-15.3,14.3-17.3c0.8-2,1-11.8,1.7-13.5c0.7-1.7,16.8-16.8,19-19.5
	c2.2-2.7,1-2.7,0.3-3.8c-0.7-1.2-4.8-3.3-5.3-4.2c-0.5-0.8-1-4.8-0.5-6.8s7.5-13,8.3-16.8c0.8-3.8,4.3-2.5,7.4-2
	c3.2,0.5,3.3-0.2,3.8-1.3c0.5-1.2,1-1.5,1-3s-8.3-14.3-10.2-18.2c-1.8-3.8-7.7-6.7-8.8-7.7s-6.2-23.3-6.7-25.3s3.5-1.7,5.2-1.5
	c1.7,0.2,4,1.5,6.2,0.7c2.2-0.8,3.5-4.8,5.2-8.8c1.7-4,3.8-3.3,7.8-3.5c4-0.2,2.3,2,2,3.7c-0.3,1.7-2,10.2-2,12.9
	c0,2.7,2.2,2.8,4,3.6c1.8,0.8,3.8,1,5.5,0.2c1.7-0.8,4.2-2.8,6-2.7c1.8,0.2,2.5,0,3.8-0.8c1.3-0.8,3.2,0,7.8,3.3
	c4.7,3.3,6.8,13.5,7.3,16.3c0.5,2.8-3.2,11-3.7,14s3,9.2,4.5,12.3s4.3,4.5,8.1,5.3c3.8,0.8,3.9,0.1,5.9,2.4c2,2.3,0.1,6.8-0.3,8.8
	s0.9,5.6,1.3,7C194.5,97.2,194.6,97.4,194.8,97.5z"/>
</a>

</svg>

</div>

<div class="tooltip_templates" style="display:none">
 	<span id="Lom_et_Djerem">
    	Lom et Djerem
    </span>
 	<span id="Kadei">
          Kadei
    </span>
 	<span id="Haut-Nyong">
    	Haut-Nyong
    </span>
 	<span id="Boumba_et_Ngoko">
          Boumba et Ngoko
    </span>
 	
     
</div>

<script>
	
$(document).ready(function(e) {
/***************survol carte (tooltip pres du curseur****************/
        $('.tooltip').tooltipster({
    		plugins: ['follower']
		});
/*******************clic sur la carte**********************/
		
		$('path').click(function(){
			alert("ok");
			Affichage_box('lightbox_carte_departement.php','opacite','div_traitement', 1);
		});
});
</script>