@charset "utf-8";
/* CSS Document */

.orange {color:#F30; font-size:16px; font-weight:bold;}
.prenom {font-weight:bold; color:#69C;}

html, body {
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
}

.bottom {
	height: 150px;
	width: auto;
	background-image: url('img/bottom.jpg');
	margin-top: 120px;
}
	

.content {
	display: block;
	position: relative;
	margin: auto;
	height: 650px;
	width: 960px;
	margin-top: -150px;
}

.suggestions {
	display: block;
	position: absolute;
	height: auto;
	width: 300px;
	/*background-color: #DDDDDD;*/
	margin-top: 830px;
	font-size: 11px;
	text-align: justify;
}

.suggestions a {
	color: #666666;
}

.suggestions a:hover {
	color: #333333;
}

.suggestions_ {
	display: block;
	position: absolute;
	height: auto;
	width: 300px;
	margin-left: 325px;
	margin-top: 830px;
	font-size: 11px;
	text-align: justify;
}

.suggestions_ a {
	color: #666666;
}

.suggestions_ a:hover {
	color: #333333;
}

.suggestions__ {
	display: block;
	position: absolute;
	height: auto;
	width: 300px;
	margin-left: 650px;
	margin-top: 830px;
	font-size: 11px;
	text-align: justify;
}

.suggestions__ a {
	color: #666666;
}

.suggestions__ a:hover {
	color: #333333;
}

.image_accueil {
	display: block;
	position: absolute;
	height: 200px;
	width: 301px;
	background-image: url('img/image_accueil.png');
	margin-top: 100px;
}

.francodomcom a {
	display: block;
	position: absolute;
	margin-left: 200px;
	margin-top: 555px;
	height: 45px;
	width: 100px;
	background-repeat: no-repeat;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}

.francodomcom a:hover {
	color: #333333;
}

.globe {
	display: block;
	position: absolute;
	margin-top: 548px;
	margin-left: 125px;
	height: 75px;
	width: 75px;
	background-image: url('img/francophonie.png');
}	

.logo {
	display: block;
	position: absolute;
	height: 106px;
	width: 376px;
	background-image: url('img/Logo_PO.png');
	background-repeat: no-repeat;
}

.txt {
	display: block;
	position: absolute;
	height: auto;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-align: justify;
	margin-top: 330px;
}

.txt a {
	color: #666666;
}

.txt a:hover {
	color: #333333;
}

.top {
	height: 200px;
	width: auto;
	background-image: url('img/head.jpg');
}

.france {
	display: block;
	position: absolute;
	height: 650px;
	width: 710px;
	margin-left: 250px;
	margin-top: 50px;
}

.belgique {
	display: block;
	position: absolute;
	height: 85px;
	width: 100px;
	background-image: url('img/belgique.png');
	margin-left: ;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 50px;
	margin-left: 375px;
	margin-top: -50px;
}

.belgique:hover {
	background-image:  url('img/belgique-hover.png');
}

.suisse {
	display: block;
	position: absolute;
	height: 100px;
	width: 130px;
	background-image: url('img/suisse.png');
	margin-left: ;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 55px;
	padding-left: 80px;
	margin-left: 510px;
	margin-top: 196px;
}

.suisse:hover {
	background-image: url('img/suisse-hover.png');
}

.n-p-c {
	display: block;
	position: absolute;
	height: 75px;
	width: 120px;
	background-image: url('img/n-p-c.png');
	margin-left: 275px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: 25px;
}

.n-p-c:hover {
	background-image: url('img/n-p-c-hover.png');
}

.pic {
	display: block;
	position: absolute;
	height: 96px;
	width: 114px;
	background-image: url('img/pic.png');
	margin-left: 275px;
	margin-top: 44px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 40px;
}

.pic:hover {
	background-image: url('img/pic-hover.png');
}

.i-d-f {
	display: block;
	position: absolute;
	height: 92px;
	width: 117px;
	background-image: url('img/i-d-f.png');
	margin-left: 261px;
	margin-top: 109px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-left: px;
	text-align: center;
}
	
.i-d-f:hover {
	background-image: url('img/i-d-f-hover.png');
}	

.h-n {
	display: block;
	position: absolute;
	height: 124px;
	width: 118px;
	background-image: url('img/h-n.png');
	margin-left: 199px;
	margin-top: 48px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 0px;
	text-align: center;
}
	
.h-n:hover {
	background-image: url('img/h-n-hover.png');
}

.b-n {
	display: block;
	position: absolute;
	width: 116px;
	height: 110px;
	background-image: url('img/b-n.png');
	margin-left: 141px;
	margin-top: 73px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 0px;
	text-align: center;
}
	
.b-n:hover {
	background-image: url('img/b-n-hover.png');
}

.centre {
	display: block;
	position: absolute;
	width: 131px;
	height: 168px;
	background-image: url('img/centre.png');
	background-repeat: no-repeat;
	margin-left: 214px;
	margin-top: 135px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-left: 0px;
	text-align: center;
}
	
.centre:hover {
	background-image: url('img/centre-hover.png');
	margin-left: 214px;
	margin-top: 128px;
}	

.p-d-l-l {
	display: block;
	position: absolute;
	width: 143px;
	height: 146px;
	background-image: url('img/p-d-l-l.png');
	margin-left: 109px;
	margin-top: 153px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 15px;
	text-align: center;
}
	
.p-d-l-l:hover {
	background-image: url('img/p-d-l-l-hover.png');
}

.bretagne {
	display: block;
	position: absolute;
	width: 153px;
	height: 92px;
	background-image: url('img/bretagne.png');
	margin-left: 18px;
	margin-top: 128px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
	text-align: center;
}
	
.bretagne:hover {
	background-image: url('img/bretagne-hover.png');
}

.poitou {
	display: block;
	position: absolute;
	width: 103px;
	height: 131px;
	background-image: url('img/poitou.png');
	margin-left: 158px;
	margin-top: 241px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 0px;
	text-align: center;
}
	
.poitou:hover {
	background-image: url('img/poitou-hover.png');
}

.champagne {
	display: block;
	position: absolute;
	width: 103px;
	height: 167px;
	background-image: url('img/champagne.png');
	margin-left: 355px;
	margin-top: 51px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 105px;
	padding-left: 15px;
}
	
.champagne:hover {
	background-image: url('img/champagne-hover.png');
}

.f-c {
	display: block;
	position: absolute;
	width: 76px;
	height: 113px;
	background-image: url('img/f-c.png');
	margin-left: 435px;
	margin-top: 187px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 20px;
}
	
.f-c:hover {
	background-image: url('img/f-c-hover.png');
}

.alsace {
	display: block;
	position: absolute;
	width: 47px;
	height: 110px;
	background-image: url('img/alsace.png');
	margin-left: 503px;
	margin-top: 112px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 10px;
}
	
.alsace:hover {
	background-image: url('img/alsace-hover.png');
}

.lorraine {
	display: block;
	position: absolute;
	width: 108px;
	height: 111px;
	background-image: url('img/lorraine.png');
	margin-left: 419px;
	margin-top: 90px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 30px;
}
	
.lorraine:hover {
	background-image: url('img/lorraine-hover.png');
}

.bourgogne {
	display: block;
	position: absolute;
	width: 111px;
	height: 141px;
	background-image: url('img/bourgogne.png');
	margin-left: 333px;
	margin-top: 167px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-left: 30px;
}
	
.bourgogne:hover {
	background-image: url('img/bourgogne-hover.png');
}

.r-a {
	display: block;
	position: absolute;
	width: 151px;
	height: 151px;
	background-image: url('img/r-a.png');
	margin-left: 369px;
	margin-top: 282px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 45px;
}
	
.r-a:hover {
	background-image: url('img/r-a-hover.png');
}

.auvergne {
	display: block;
	position: absolute;
	width: 102px;
	height: 139px;
	background-image: url('img/auvergne.png');
	margin-left: 300px;
	margin-top: 263px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 75px;
	padding-left: 25px;
}
	
.auvergne:hover {
	background-image: url('img/auvergne-hover.png');
}

.limousin {
	display: block;
	position: absolute;
	width: 82px;
	height: 98px;
	background-image: url('img/limousin.png');
	margin-left: 239px;
	margin-top: 286px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 25px;
}
	
.limousin:hover {
	background-image: url('img/limousin-hover.png');
}

.aquitaine {
	display: block;
	position: absolute;
	width: 100px;
	height: 120px;
	background-image: url('img/aquitaine.png');
	margin-left: 127px;
	margin-top: 332px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-left: 55px;
}
	
.aquitaine:hover {
	background-image: url('img/aquitaine-hover.png');
}

.m-p {
	display: block;
	position: absolute;
	width: 165px;
	height: 115px;
	background-image: url('img/m-p.png');
	margin-left: 190px;
	margin-top: 372px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-left: 5px;
	text-align:center;
}
	
.m-p:hover {
	background-image: url('img/m-p-hover.png');
}

.l-r {
	display: block;
	position: absolute;
	width: 115px;
	height: 115px;
	background-image: url('img/l-r.png');
	margin-left: 282px;
	margin-top: 376px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 55px;
	padding-left: 45px;
	text-align: center;
}
	
.l-r:hover {
	background-image: url('img/l-r-hover.png');
}

.provence {
	display: block;
	position: absolute;
	width: 148px;
	height: 132px;
	background-image: url('img/provence.png');
	margin-left: 399px;
	margin-top: 366px;
		color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 75px;
	padding-left: 5px;
	text-align: center;	
}
	
.provence:hover {
	background-image: url('img/provence-hover.png');
}

.corse {
	display: block;
	position: absolute;
	width: 74px;
	height: 123px;
	background-image: url('img/corse.png');
	margin-left: 500px;
	margin-top: 500px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 25px;
}
	
.corse:hover {
	background-image: url('img/corse-hover.png');
}