/*STYLE DE BASE*/

body {
	background-color : #FAFEFF;
	color : black;
	font-family: sans-serif;
	margin: auto;
	font-family : 'Roboto Condensed', sans-serif;
}

header {
	height: 500px;
	background-color :#FAFEFF;
	text-align : center ;
	padding : 10px ;
	background-image: url(../Img/banner.jpg) ;
	color : white ;
	width: 100%;
	vertical-align : middle;
	font-size : 40pt;
	font-family :  'Cabin', sans-serif;
}

h1 {
	margin-top :145px;
	font-family :  'Cabin', sans-serif;
}

#wrap {
	background-color : #FAFEFF;
	width: 1230px;
	margin: 0 auto;
}


h2 {
	text-align: center;
	font-family :  'Cabin', sans-serif;
	font-size: 40px;
}

/*soustitres*/
h3 {
	text-align: left;
	font-family:  'Cabin', sans-serif;
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
}

h4 {
	text-align: center;
	font-family:  'Cabin', sans-serif;
	font-size: 18px;
}

p {
	font-size: 18px;
}

.sautligne {
	margin-bottom: 50px;
}

/*PIED TOUT EN BAS*/
footer {
	text-align: center;
	background-color: #FAFEFF;
	color: black;
	border-top: 1px solid dimgrey;
	border-bottom: 1px solid dimgrey;
	line-height: 30px;
	width: 100%;
	display : block;
	margin-top : 25px;
}


/*MENU CÔTE*/

.relative2 {
	position:absolute;
	margin-top : 3100px ;//*hbody-762*//
}

.relative1 {
	position:absolute;
	margin-top : 5628px ;//*hbody-762*//
}

.relative3 {
	position:absolute;
	margin-top : 2713px ;//*hbody-762*//
}

.relativea {
	position:absolute;
	margin-top : 54px ;//*hbody-762*//
}

#nez {
	position : absolute;
}

nav {
	width: 300px ;
	text-align : left;
	font-size : 12pt;
	position : fixed;
	display : inline;
}

li {
	margin-bottom: 10px;
}

/*aspect des liens*/
a:link {
	text-decoration : none;
}

a:hover {
	color: dimgrey;
}

ul {
	list-style:none;
	margin-left:30px;
	padding-left:0;
	width:130px;
}


.top {
	font-size : 15pt;
	text-align : center;
	font-weight ; 50
}


#contenu {
	margin-left : 220px ;
	width: 960px;
	padding : 30px;
	background : #FAFEFF;
	color : black;
	border-left: 1px solid dimgrey;
}

.ensemble {
	width: 960px;
	margin: auto;
}

/*GRAPHIQUE BUDGET REGIONS*/
.budget {
		margin : 20px;
		padding : 50px;
}

.graphe {
	width : 700px;
	display : block;
}

.carte {
		position : relative;
		min-height : 850px;
		margin : 0 auto;
		width : 700px;
}


.info {
		position : relative;
		min-height : 850px;
		margin : 0 auto;
		width : 500px;
}

.imgpovi, .imgeuvi, .imginfofr , .treemapvf{
		display : none;
}

.carte img {
	position : absolute;
	top : 0;
	left: 0;
	width:100%;
	right : 0;
}

.tree img {
	position : absolute;
	top : 0;
	left: 0;
	width:100%;
	right : 0;
}

.tree {
	position : relative;
	min-height : 500px;
	margin : 0 auto;
	width : 700px;
}

.checkbox {
	display : block;
	margin : 0 auto;
	text-align : center;
}

.radio{
	float : left;
}

article {
    width: 980px;
    margin: auto;
}

.centre {
    text-align: center;
}


/*TAILLE ET DISPOSITION DES SECTIONS PAYS*/
.wrapper {
    width: 300px;
    margin: auto;
    padding-bottom: 10px;
    border: 2px solid #660033;
}


.fr, .all {
    float: left;
    margin : 30px 10px 30px 10px;
}

.it, .esp {
    float: right;
    margin : 30px 10px 30px 10px;
}

.uk {
	float: left;
	margin : 30px 10px 30px 10px;
}

.all, .esp {
	width: 350px;
}

.floate {
	overflow: auto;

}

.floate img {
	width: 300px;
	height: 300px;
}


img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centre {
	display : block;
	margin : 0 auto;
}

/*TITRES STYLE*/
.titre1 {
	color : #660066;
}

.titre2 {
	color : #660033;
}

.titre3 {
	color : #002b80;
}

.titrei {
	color : #044b05;
}

.titreAB {
	color : #044b05;
}

/*STYLE AUTEURS*/
.auteur {
	padding: 10px;
	line-height: 10px;
}

/*STYLE LIENS PAGE INTRO*/
.parties {
	font-size: 20px;
	width: 960 px;
}

.titre2 a, ul .titre2 {
	color: #660033;
}

.titre3 a, ul .titre3 {
	color : #002b80;
}

.titreAB a, ul .titreAB {
	color : #044b05;
}


.titre1 a, ul .titre1 {
	color: #660066;
}