/************************************************************
FEUILLE DE STYLE PRINCIPALE DE GEOTERNET
************************************************************/

html{
	margin: 0; padding: 0;
	width: 90%; }
	
body {
	margin: 0; padding: 0 0 0 337px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	width: 661px;
	color: #666666;
	background: url(../images/logo-geoternet2.png) top left no-repeat fixed;
}

#global {
	/*width: 100%;*/}

ul, li, dl, dl, dd{
	list-style: none; 
	margin: 0; padding: 0;}
	
h1 {
	font-size: 1.6em; 
	margin: 0; padding: 0 0 10px 0;}
	
h2 {
	margin: 0; padding: 0; display: block;
	font-size:14px;font-weight:bold;font-family:Arial;}
	
p, form{
	margin: 0; padding: 0;}
	
a{color: #666666;}
a, a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
	
img{border: none;}

img.star{border: none;vertical-align:bottom;}

fieldset{
	border: 1px solid #FF7F00;
	margin: 0px;
}
fieldset#fieldmap{
	border-width: 1px;
	border-style: solid;
	border-color: #FF7F00;
	margin: 0px;
	padding:0px;
}
	
/************************************************************
Gestion des couleurs
************************************************************/
h1 {
	color: #999;
	font-style:italic;}
	
h2 {
	color:#8D8D8D;}

.resultatOut{ /* Coloration du résultat au survol */
	background-color: #FFFFFF;
	padding:5px 0px 4px 0px;
	cursor:pointer;
}
.resultatOver{ /* Coloration du résultat au survol */
	background-color: #FFD8B0;
	padding:5px 0px 4px 0px;
	cursor:pointer;
}
	
#favorisup
{
	padding: 9px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	float: right;
}
	
#avancee {	
	position: absolute;
	top: 125px;
	left: 310px;
	text-align:right;
	color: #FF7F00;	
	padding: 0px 0px 5px 0px;
}
		
/***********************************************************
Définition des conteneurs de l'index
************************************************************/
/* PARTIE GAUCHE-CARTE DU SITE */
#conteneur {/* un bloc fixe situé en haut qui fait toute la largeur */ 
	width: 321px;
	padding: 110px 10px 3px 26px;
	margin: 0;
	/*height: 100%; */
	top:0; left:0; 
	position: fixed;
	z-index:1;
}

	#zoneRecherche input.bordureOrange {
		float: left;
		border: 1px solid #FF7F00;
		margin-left: 9px;
		margin-bottom: 6px;
	}
		
	#zoneRecherche input.submit{margin: -10px 0 0 5px; float: left;}

	#zoneRecherche input.bordpale {
		border: 1px solid #BEBEBE;
		text-align:center;}

	#opt {
		padding:0; padding-left:20px;}

	#nbresult {
		font-size:9px;	}

	#divload {
		clear: both;
		padding: 139px 0 139px 0;
		text-align: center;	
	}

	/* Définition de l'emplacement pour la carte*/	
	#map {
		/*border: 1px solid #FF7F00;*/
		width:320px;
		/*height: 300px;*/
		height: 320px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	html>body #map{height:320px;}
		
	/* Définition du bas de carte */	
	#basdecarte 
	{
		float: left;
		padding: 2px 2px 2px 2px;
		text-align:left;
	}
		
	/* Définition du bas de carte */	
	#panier
	{
		/*float: left;
		padding: 2px 2px 2px 2px;
		margin: 15px 0px 0px 0px;
		text-align:left;*/
		/*position: absolute;*/
		float:right;
		padding: 7px 23px;
		margin: 0px;
		text-align:left;
		/*top: 44px;
		right:0px;*/
		/*width:252px;*/
		width: 176px;
	}
	
	#star
	{
		position: absolute;
		right:0px;
		top:44px;
		text-align:left;
		padding: 0px 23px;
		margin: 0px;
		width:180px;
	}
	
	#test
	{
		width:100%;
		max-height:161px;
		overflow:auto;
		background: #FFF;
	}
		
	/* PRESENTATION ACCUEIL */
	#erreur {
		float: left;
		clear: both;
		width: 503px;
		margin: 0px 0px 0px 0px;
		padding: 40px 40px 0px 20px;
		line-height: 36px;	
	}	
	#erreur h1{color: #FF7F00;	}
	
	#erreur .titre1{
		color: #FF7F00;
		font-weight:bold;
		font-size:1.4em;
		width:100%;
		border-bottom: solid 2px #999;	
		/*line-height : normal;*/
	}
	
	#erreur a:hover{color: #FF7F00; text-decoration: none;}

/* PARTIE DROITE DU SITE */
#content{
	position: fixed;
	overflow: hidden;
	width: 765px;
	padding : 0px 0px 0px 0px; 
	margin: 10px 0px 0px 0px; 
	left: 370px;
	z-index:2;
	/*background: url(../images/contenu-f.jpg) repeat-y top left;*/
	background: #FFFFFF;
}/*l'ensemble du site hors carte*/
	
/* BARRE MENU 404 */
#menu404{
	float: left;
	text-align:right;
	color: #999; 
	width: 100%;
	margin: 0px 0px 0px 0px; 
	padding: 70px 10px 8px 80px; 
	background: url(../images/menu-f2.PNG) top left repeat-x;
}
	
	#menu404 ul li{display: inline;}
	#menu404 li a{color: #999; text-decoration: none;}
	#menu404 li a:hover{color: #FF7F00; text-decoration: none;}		
	
/* BARRE MENU */
#menu{
	float: left;
	text-align: left;
	color: #999; 
	width: 100%;
	margin: 0px 0px 0px 0px; 
	padding: 70px 0px 10px 0px; 
	background: url(../images/menu-f2.PNG) top left repeat-x;
}
	
	#menu ul{padding: 0px 0px 0px 40px;}
	#menu ul li{display: inline;}
	#menu li a{color: #999; text-decoration: none;}
	#menu li a:hover{color: #FF7F00; text-decoration: none;}	
	
/* BOITE LOGIN */
#login{
	position: absolute; 
	top: 0; 
	right: 0px;
	width: 130px;
	padding: 5px 0px 20px 10px;	
	display: none;
}
	
	#login p{font-size: 1.1em;}
	#login input{background: url(../images/input.jpg) no-repeat top right; border: none; width: 114px;}
	#login input.submit{width: 20px; margin: -20px 0 0 0; float: right;}
	#login a {text-decoration: none; color: #FF7F00; font-size: 1.3em; font-weight: bold;}
	#login h2{width: 100%; display: block;font-size: 1.2em; }
	
/* DROITE */
#droite {
	/*position: absolute; */
	float:right;
	/*width: 172px;*/
	right:0px;
	/*left: 543px;*/
	top: 93px;
	width: 176px;
	padding: 0px 23px 0px 23px;
	margin: 0px 0px 0px 0px;
}	
	
/* BOITE PUB */
#pubaccueil {
	float:right;
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	#annonce1 {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}

	#annonce1 a:hover{color: #FF7F00; text-decoration: none;}

/* NUAGE DES MOTS LES + RECHERCHES */
#motsrech{
	/*width: 100%;*/
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px;
	text-align: justify; 
}
	
	#nuage {
		overflow:hidden;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: justify; 
	}

		#nuage a{
			/*float: left;
			display: block;*/
			height: 15px;
			line-height: 15px;
			margin: 0px 0px 0px 0px; 
			padding: 0 1px 0 1px;
		}
		
		a.class1{
			font-weight:bold;
			font-size:1.1em;
			color: #FF7F00;
		}

		a.class2{
			font-weight:bold;
			font-size:1.1em;
			color: #999;
		}

		a.class3{
			font-weight:bold;
			font-size:1.1em;
			color:#01A33D;
		}

		a.class4{
			font-weight:bold;
			font-size:1.0em;
			color: #FF7F00;
		}

		a.class5{
			font-weight:bold;
			font-size:1.0em;
			color:#999;
		}

		a.class6{
			font-weight:normal;
			font-size:1.0em;
			color:#01A33D;
		}
			
		#nuage .titre1{
			text-align: left; 
			display: block;
			color: #FF7F00;
			font-weight:bold;
			font-size:1.4em;
			width:100%;
			border-bottom: solid 2px #999;
			margin-bottom: 10px;	
			text-decoration: none;
		}
		
		#nuage a:hover {text-decoration:underline;}
	
/* FOOTER */
#footer {
	clear: both;
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	padding: 12px 0px 1px 0px;
	width: 100%;
}

	#footer a{color: #666; text-decoration: none;}
	#footer a:hover{color: #FF7F00; text-decoration: none;}

	#copyright {
		/*width: 503px;*/
		width: 100%;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
	}
	
#gauche {
	float:left;
	width: 463px;
	/*margin: 93px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 40px;
}	
	
/* DEFINITION DU PANEL RESULTAT*/
#zoneRecherche {
	float: left; 
	clear: both;	
	margin : 0;	
	padding: 7px 0px 20px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
}
	
	.grandtitre{
		color: #FF7F00;
		font-weight:bold;
		font-size:1.5em;
		width:100%;
		border-bottom: solid 2px #999;	
	}

	#options {	
		color: #FF7F00;	
	}

/* DEFINITION DU PANEL RESULTAT*/
#resultat {
	float: left; 
	clear: both;
	margin: 0; 
	padding: 20px 0px 20px 0px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

	/* PRESENTATION ACCUEIL */
	#presentation {
		float: left;
		clear: both;
		/*width: 483px;*/
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}	
		#presentation h1{color: #FF7F00;	}
		
		#presentation .titre1{
			color: #FF7F00;
			font-weight:bold;
			font-size:1.4em;
			width:100%;
			border-bottom: solid 2px #999;	
			text-align: left;
			/*line-height : normal;*/
		}
		
		#presentation a:hover{color: #FF7F00; text-decoration: none;}
		
		#article1 {	
			float: left;
			/*width: 221px;*/
			width: 48%;
			margin: 0px 0px 0px 0px;
			padding: 0px 2% 0px 0px;
			text-align: justify;
			line-height : 1.4em;
		}
		#article2 {	
			float: left;
			/*width: 221px;*/
			width: 48%;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 2%;
			text-align: justify;
			line-height : 1.4em;
		}
		#article3 {	
			float: left;
			width: 115px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 10px;
			text-align: justify;
		}

	/* BARRE DE CHARGEMENT */
	#imgload {
		float: left;
		text-align:center;
		padding: 39px 0px 38px 0px;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	/* FENETRE DES RESULTATS */
	#ifr {
		/*float: left;*/
		overflow: auto;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		/*width: 680px;*/
		width: 100%;
		height:1px;
	}	
	#annonce1 a{margin: 0; padding: 0;}
		
	/* POPUP DE REPORT */
	#signalErreur {
		display:none;
		position:absolute;
		width:330px;
		/*left:20px;*/
		/*right:150px;*/
		top:10px;
		/*right:0px;*/
		border: solid 3px #FF7F00;
		background: #FFF;
	}
	
		.img_close {
			float:right;
			padding-right:5px;
			padding-top:5px;
		}
		#msg_signalErreur {
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 20px;
			padding-bottom: 5px;
			color:#FF7F00;
			font-weight:bold;
		}
		#frm_signalErreur {
			padding-left: 20px;
			padding-right: 20px;
			padding-bottom: 10px;
		}
		#frm_signalErreur p {
			display:block;
			margin-bottom:5px;
		}
	
/* TEMP */
#temp {padding:0;}


/* CARTE */
.olControlPanZoom{
	margin-left:-5px;
	margin-top:-5px;
}

#OpenLayers_Control_PanZoom_zoomin{
	margin-top:100px;
}
#OpenLayers_Control_PanZoom_zoomworld{
	margin-top:100px;
}
#OpenLayers_Control_PanZoom_zoomout{
	margin-top:100px;
}

.menu1 { /* boite qui contient le menu (les onglets) */
	/*border-bottom:solid 1px black ; /* crée le trait noir en-dessous des onglets */
	/*padding-top:2px;*/
	padding-right:19px; /* Sert à éviter qu'un onglet passe sous le bouton de fermeture du popup */
	/*background-color:#E3BE9F;
/*	width:200px;*/
 }

.onglet { /* style des onglets inactifs */
	float:left;
	padding:3px 0px 0px 0px ; /* marges intérieures */
	font-size:11px;
	/*background-color:#FFCC66;*/
	height:16px;
	width:20px;
	/*border-bottom:solid 1px black ;*/
	text-align:center;
	background: url(../images/rondorange.gif) center 4px no-repeat;
	color:#FFFFFF;
} 

.onglet-actif { /* style des onglets actifs */
	float:left;
	font-size:11px;
	border:solid 1px #FF9900 ;
	/*margin:5px 5px 0px 5px ; */
	padding:2px 0px 2px 0px ;
	height:14px;
	width:18px;
	text-align:center;
	background: #FFFFFF url(../images/rondorange.gif) center 3px no-repeat;
	color:#FFFFFF; /* le fond de l'onglet actif est blanc*/
}

/* Style du popup */
.olPopupContent{
	font-size:12px;
	/*background-color: #FFCC66;*/
	background-color:#FFFFFF;
/*	padding-left:5px;
	padding-right:5px;*/
	margin:0;
	padding:0;
	border:solid 3px #FF9900 ;
}

/* Style de la div qui contient les infos de l'entreprise dans le popup */
.popup-contenu{
	clear:both;
	font-family: verdana;
	font-size:10px;
	background-color: #FFFFFF;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #FF9900;
}

	.popup-contenu a:link {
		color:#01A33D;
		text-decoration : none; 
	}

	.popup-contenu a:active {
		color:#01A33D;
		text-decoration : none; 
	}

	.popup-contenu a:visited {
		color:#01A33D;
		text-decoration : none; 
	}

	.popup-contenu a:hover {
		color:#01A33D;
		text-decoration : underline; 
	}

/* Style de la div du l'image de fermeture (croix en haut à droite) du popup */
.closeImgPopup {
	margin-right:1px;
	margin-top:1px;
}

.abo3{
	background-color: #EBE6FF;
}

.rondorange {
	background: url(../images/rondorange.gif) 0 0 no-repeat;
}