/**CSS Style Sheet - Terres Interactives - NAVIDIS**/

/*GENERIQUE*/
html, body {
	width:100%;
	height:100%;
	}
* {
	margin:0;
	padding:0;
	border: 0;
	}
body {
	background-color:#FEFEFE;/*blue*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}
.fontBold {
	font-weight:bold;
	}
.fontBrown {
	color:#A14400;
	}
.fontBrownBold {
	font-weight:bold;
	color:#A14400;
	}
.fontBlueItal {
	color:#009cff;
	font-style: italic;
	}
a.link, a.linkDownload {
	color:#A14400;
	text-decoration:none;
	}
a.link:hover, a.linkDownload:hover  {
	text-decoration:underline;
	}
a.linkDownload {
	background-image: url(../img/pdf.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 19px;
	}
div ul {
	padding-bottom:10px;
	list-style-type:disc;
	padding-left:10px;
	}
	
/*PAGE*/	
#global {
	width:1014px;
	margin-left:auto;
	margin-right:auto;
	}
#globalBg {
	float: left;
	width: 1010px;
	padding-left: 4px;
	background-image:url(../img/bgGlobal.jpg);
	background-repeat:repeat-y;		
	}
#header, #menuContainer, #footer {	
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
#header {
	width:1004px;
	height:149px;
	background-image:url(../img/bgHeader.jpg);
	background-position:left;
	background-repeat:no-repeat;		
	}
#header img {
	border:0;
	}

#menuContainer {
	width:1004px;
	height:25px;
	background-image:url(../img/bgMenu.jpg);
	background-repeat:repeat-x;
	}
#menu {
	width: 486px; /*830-20 ou 506-20 (506=162x3)*/
	padding-left:20px;
	height:25px;
	float:left;
	/*background-color:#FF0000;*/
	}
#flags {
	position:absolute;
	z-index: 10;
	width: 115px; 
	height: 31px;
	margin-left: 887px;
	background-color: #c5e2f6;
	padding-left: 4px;
	}
.flag {
	float:left;
	}
.flag img {
	border:0;;
	}
	
/*IDENTIFICATION ABONNE*/	
#abo {
	position: absolute;
	top: 121px;
	width: 377px;
	height: 72px;
	margin-left: 623px;
	z-index: 10;
	background-image:url(../img/bgBlocAbonne.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	font-size:small;
	font-weight:bold;
	color:white;
	}
#login {
	float: left;
	width: 352px;
	padding: 6px 0 0 22px;
	}
#login label {
	float: left;
	padding: 3px 3px 0 3px;
	}
.input {
	float: left;
	width: 73px;
	padding: 0 2px;
	margin-top: 3px;
	border: 1px solid #185d22;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #204E89;
	}
#abonne {
	width: 974px;
	position: absolute;
	text-align: right;
	padding-right: 50px;
	z-index: 100;
	top: 130px;
	color: #fff;
	font-size: x-small;
	}
#disconnect {
	position: absolute;
	top: 141px;
	width: 146px;
	margin-left: 848px;
	z-index: 10;
	}
#disconnect img {
	border: 0;
	}
	
#menuAbo {
	float:left;
	width: 984px;
	height:25px;
	padding-left:20px;
	/*background-color:#FF0000;*/
	}
.onglet {
	float:left;
	width:162px;
	height:25px;
	}

/*CONTENU*/
#container {
	float: left;
	width:976px;
	margin-top:20px;
	padding-left: 30px;
	color:#204E89;
	}
#contentAccueil, #titre, #editoAccueil {
	float:left;
	width:685px; 
	}
#contentAccueil {
	text-align:justify;
	}
.puces {
	vertical-align:middle;
	padding-right:10px;
	}
#titre {
	float:left;
	height:28px;
	font-size:1.2em;
	font-weight:bold;
	font-style: italic;
	color:#009cff;
	padding-bottom:19px;
	}
#editoAccueil p {
	padding-bottom:20px;
	}
#right {
	float:left;
	width:291px;
	}
#paveDemo, #paveDemarche, #paveAutre, #paveGeographie {
	text-align: right;
	}
#paveDemo {
	padding-top: 73px;
	}
#paveDemarche {
	padding-top: 40px;
	}
#paveAutre {
	padding-top: 40px;
	}
#paveGeographie {
	padding-top: 50px;
	}
#villes {
	float: left;
	width: 976px;
	}
#villes ul {
	list-style-type: none;
	}
#villes ul li {
	float: left;
	}
	
/*FOOTER*/
#footerImage {
	float: left;
	width:1006px;
	height:155px;
	}
#footerImage img {
	float: left;
	border: 0;
	}
#footer {
	float:left;
	width:1004px;
	height:17px;
	padding-top:4px;
	text-align:center;
	font-size:x-small;
	color:#FFFFFF;
	background-color: #0095e9;
	}
#footerBottom {
	float: left;
	width: 1014px;
	height: 6px;
	padding-bottom: 10px;
	background-image:url(../img/bgFooterBottom.jpg);
	background-repeat:no-repeat;
	}
a.footer {
	color:#FEFEFE;
	text-decoration:none;
	}
a.footer:hover {
	text-decoration:underline;
	}
	
/*PARTENAIRES*/
.logo {
	border:0;
	padding-left:30px;
	}