@charset "utf-8";

#titre {
	background-color: #666666;
	height: 40px;
	width: 100%;
	text-align: center;
}
#menu {
	background-color: #333333;
	height: 20px;
	width: 100%;
	border: 1px solid #FFFFFF;
	text-align: center;
	display: block;
	margin-top: 20px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #66CCFF;
}
a {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
a:hover {
	color: #66CCFF;
}
#carte {
	background-image: url(../images/carte-france.png);
	height: 480px;
	width: 520px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
	margin-top: 0px;
}
#conteneur {
	height: 500px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
#conteneurb {
	height: 500px;
	width: 882px;
	margin-right: auto;
	margin-left: auto;
}


#europe {
	background-image: url(../images/carte-europe.png);
	height: 480px;
	width: 582px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	border-bottom-style: none;
}
#alpesn {
	height: 20px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	clear: none;
	position: relative;
	z-index: 5;
	top: 290px;
	left: 50%;
	background-color: #999999;
	margin-left: 120px;
}
#allemagne {
	height: 20px;
	width: 75px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	clear: none;
	position: relative;
	z-index: 5;
	top: 245px;
	left: 50%;
	background-color: #999999;
	margin-left: -80px;
}
#pologne {
	height: 20px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	clear: none;
	position: relative;
	z-index: 5;
	top: 220px;
	left: 50%;
	background-color: #999999;
}
#suede {
	height: 20px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	clear: none;
	position: relative;
	z-index: 5;
	top: 95px;
	left: 50%;
	background-color: #999999;
	margin-left: -50px;
}
#alpesmar {
	height: 20px;
	width: 115px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 330px;
	left: 50%;
	display: block;
	margin-left: 150px;
}
#hautesalp {
	height: 20px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 310px;
	left: 50%;
	display: block;
	margin-left: 150px;
}
#tcheque {
	height: 26px;
	width: 96px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 210px;
	left: 50%;
	margin-left: -30px;
}
#hauteprov {
	height: 40px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 290px;
	left: 50%;
	margin-left: 70px;
}
#portugal {
	height: 25px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 280px;
	left: 50%;
	margin-left: -250px;
}

#hautealp {
	height: 20px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: absolute;
	z-index: 5;
	top: 540px;
	left: 575px;
}

#macedoine {
	height: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 145px;
	left: 50%;
	margin-left: 30px;
}
#armenie {
	height: 27px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 130px;
	left: 50%;
	margin-left: 220px;
}
#georgie {
	height: 27px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -45px;
	left: 50%;
	margin-left: 220px;
}
#pyrenees {
	height: 20px;
	width: 80px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 330px;
	left: 50%;
	margin-left: -100px;
}
#espagne {
	height: 27px;
	width: 65px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 250px;
	left: 50%;
	margin-left: -160px;
}
#massifcentral {
	height: 40px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 150px;
	left: 50%;
}
#italie {
	height: 30px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 185px;
	left: 50%;
	margin-left: -50px;
}
#coteazur {
	height: 20px;
	width: 52px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 235px;
	left: 50%;
	margin-left: 110px;
}
#grece {
	height: 20px;
	width: 52px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 220px;
	left: 50%;
	margin-left: 20px;
}

#turquie {
	height: 20px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 100px;
	left: 50%;
	margin-left: 90px;
}
#jura {
	height: 20px;
	width: 52px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -90px;
	left: 50%;
	margin-left: 110px;
}
#centre {
	height: 20px;
	width: 52px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -110px;
	left: 50%;
	margin-left: -60px;
}
#vosges {
	height: 20px;
	width: 52px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -130px;
	left: 50%;
	margin-left: 90px;
}
#bretagne {
	height: 20px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -210px;
	left: 50%;
	margin-left: -220px;
}
#corse {
	height: 20px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 40px;
	left: 50%;
	margin-left: 200px;
}
#bretagne:hover #bretagnebul {
	display: block;
}
#corse:hover #corsebul {
	display: block;
}
#alpesn:hover #alpesnbul {
	display: block;
}
#allemagne:hover #allemagnebul {
	display: block;
}
#pologne:hover #polognebul {
	display: block;
}
#suede:hover #suedebul {
	display: block;
}
#alpesmar:hover #alpesmarbul {
	display: block;
}
#hautesalp:hover #hautesalpbul {
	display: block;
}
#tcheque:hover #tchequebul {
	display: block;
}
#hauteprov:hover #hauteprovbul {
	display: block;
}
#portugal:hover #portugalbul {
	display: block;
}
#hautealp:hover #hautealpbul {
	display: block;
}
#jura:hover #jurabul {
	display: block;
}
#centre:hover #centrebul {
	display: block;
}
#vosges:hover #vosgesbul {
	display: block;
}
#macedoine:hover #macedoinebul {
	display: block;
}
#armenie:hover #armeniebul {
	display: block;
}
#georgie:hover #georgiebul {
	display: block;
}
#pyrenees:hover #pyreneesbul {
	display: block;
}
#espagne:hover #espagnebul {
	display: block;
}
#massifcentral:hover #massifcentralbul {
	display: block;
}
#italie:hover #italiebul {
	display: block;
}

#coteazur:hover #coteazurbul {
	display: block;
}
#grece:hover #grecebul {
	display: block;
}
#turquie:hover #turquiebul {
	display: block;
}
#jura:hover #jurabul {
	display: block;
}
#bretagnebul {
	background-color: #000000;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -135px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 480px;
	display: none;
}
#corsebul {
	background-color: #000000;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -400px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 60px;
	display: none;
}
#alpesnbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -280px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 110px;
}
#allemagnebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -230px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 345px;
}
#polognebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -230px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 270px;
}
#suedebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -130px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 320px;
}
#alpesmarbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -370px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 80px;
}
#hautesalpbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -320px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 80px;
}
#tchequebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -270px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 280px;
}
#hauteprovbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -350px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 160px;
}
#portugalbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -370px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 515px;
}
#hautealp {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 150px;
	top: -470px;
	z-index: 5;
	border: 1px solid #CCCCCC;
}
#jurabul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 190px;
	top: -350px;
	z-index: 5;
	border: 1px solid #CCCCCC;
}
#centrebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 300px;
	top: -152px;
	z-index: 5;
	border: 1px solid #CCCCCC;
}
#vosgesbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 190px;
	top: -152px;
	z-index: 5;
	border: 1px solid #CCCCCC;
}
#macedoinebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -360px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 230px;
}
#armeniebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -370px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 50px;
}
#georgiebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -330px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 50px;
}
#espagnebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -370px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 428px;
}
#pyreneesbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -440px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 330px;
}
#massifcentralbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -280px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 230px;
}
#italiebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -340px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 320px;
}
#grecebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -410px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 255px;
}
#turquiebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -400px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 180px;
}
#coteazurbul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -415px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 120px;
}
#jurabul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -195px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 145px;
}
#description {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 0px;
	vertical-align: middle;
	color: #FFFFFF;
}
#italie {
	width: 59px;
	height: 31px;
}
#italie a {
	color: #000000;
	background-color: #666666;
	width: 58px;
	display: block;
	height: 30px;
}
#italie a:hover {
	background-color: #0099CC;
	color: #FFFFFF;
}

#russie {
	height: 20px;
	width: 75px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	clear: none;
	position: relative;
	z-index: 5;
	top: -100px;
	left: 50%;
	background-color: #999999;
	margin-left: 100px;
}

#russie:hover #russiebul {
	display: block;
}

#russiebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -180px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 160px;
}

.groslien {
	font-size: 17px;
	color: #09f;
	text-decoration: underline;
	line-height: 22px;
}
h1 {
	font-family: "comic sans ms";
	font-size: 40px;
	display: block;
	color: #66CCFF;
	letter-spacing: 5pt;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #66CCFF;
	font-style: normal;
	letter-spacing: 2pt;
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #66CCFF;
}

#accueila {
	height: 550px;
	width: 210px;
	margin-left: 20px;
	font-family: "Comic Sans MS";
	color: #66CCFF;
}
#titre h3 {
	color: #66CCFF;
	font-family: "comic sans ms";
	font-size: 30px;
	height: 40px;
	display: block;
	background-color: #000000;
}

#accueila a {
	text-decoration: underline;
	color: #66CCFF;
	font-family: "comic sans ms";
	font-size: 14px;
	display: block;
	height: 70px;
}
#accueila a:hover {
	color: #CCCCCC;
}

#accueilb {
	height: 500px;
	width: 210px;
	text-align: right;
	margin-right: 20px;
}
#accueilb a {
	text-decoration: underline;
	color: #66CCFF;
	font-family: "comic sans ms";
	font-size: 14px;
	display: block;
	height: 61px;
}
#accueilb a:hover {
	color: #CCCCCC;
}
#cliquer {
	height: 80px;
	width: 200px;
	position: relative;
	z-index: 20;
	left: 50%;
	top: -200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #66CCFF;
	font-variant: small-caps;
	text-align: center;
	margin-left: -300px;
}
#cliquereuro {
	height: 40px;
	width: 270px;
	position: relative;
	z-index: 20;
	left: 50%;
	top: -400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #66CCFF;
	font-variant: small-caps;
	text-align: center;
	margin-left: -290px;
}
body {
	background-color: #000000;
}
h9 {
	font-size: 25px;
	color: #990000;
	font-family: "Comic Sans MS";
}

#syrie {
	height: 20px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: 120px;
	left: 50%;
	margin-left: 160px;
}

#syrie:hover #syriebul {
	display: block;
}
#syriebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -450px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 110px;
}
#ukraine {
	height: 20px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	background-color: #999999;
	clear: none;
	position: relative;
	z-index: 5;
	top: -50px;
	left: 50%;
	margin-left: 110px;
}

#ukraine:hover #ukrainebul {
	display: block;
}
#ukrainebul {
	background-color: #000000;
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -300px;
	z-index: 5;
	border: 1px solid #CCCCCC;
	margin-left: 160px;
}