/* -------------------------------------------------------------------- 
                        IGN / GEOPORTAIL
                    MAIN STYLES ADMIN/SERVICES
            By Le Studio, Atos Worldline, 2006
                    Created on 12/2006
-------------------------------------------------------------------- */

/* ----------------------- DEFAULT VALUES -------------------------- */

body {
  font: 101% Arial,Helvetica,sans-serif;
  color: #000;
  background: #FFF;
  margin: 0;
}

img {border: 0;}

h1 { float: left; margin: 8px 0 0 10px;}
	h1 img {margin: 0 15px 0 0; }

h2 {
  font-size: 1.1em;
  color: #5EAFDE;
  background: transparent;
  padding: 4px 8px;
  margin: 0;
}
h3 {
  clear: both;
  font-size: 0.85em;
  color: #5EAFDE;
  background: transparent;
  margin: 20px 0 15px 0;
}
h4 {
  font-size: 0.8em;
  text-align: left;
  color: #4FA3D3;
  background: #FFF;
  margin: 25px 0 15px 0;
}
h5 {text-align: left; margin: 15px 0;}
h6 {
  font-size: 0.7em;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  margin: 8px 0;
}


p {font-size: 0.7em; margin: 5px 0;}
ul {font-size: 0.7em; padding: 15px; margin: 5px 0;}

a, a:link {color: #000; background: transparent;}
a:visited {color: #666; background: transparent;}
a:hover {text-decoration: none;}

fieldset {border: 0;}
option {padding-right: 5px;}

hr
{
	border: none;
	border-top: 1px dotted #999;
	margin-bottom: 5px;
}
/* ----------------------- PAGE STRUCTURE -------------------------- */

/* Columns wrap 
Ligne supprimée à la demande du BRGM (Mail du 08/02/2010) : background: #FFF url(/images/bg_wrapper.gif) right repeat-y;
*/
#wrapper {
  float: left;
  width: 980px;
  color: #000;
  margin: 1px 10px 0 10px;
  border-top: 8px solid #71B5DA;
}

/* Main content column */
#mainCol {float: left; width: 658px;}

/* Transversal content column */
#trvlCol {
  float: left;
  width: 321px;
  color: #000;
  background: #E2EFF7;
  padding: 0;
  border-left: 1px solid #FFF;
  border-top: 1px solid #FFF;
}
	#trvlCol h3 {
		margin: 0 0 10px 0;
		padding: 10px 0 0 18px;
		background: none;
		text-transform: uppercase;
	}
/* --- MAIN BLOCKS FOR MAIN COLUMN --- */

/* Main content */
#mainCt {
  float: left;
  width: 489px;
  padding: 0 0 15px 20px;
}
/* vertical sub-menu column - inner pages */
#subNavCol {float: left; width: 135px; }

/* ----------------------- TOOLS BAR -------------------------- */

#toolsBox {
  float: left;
  width: 1000px;
  color: #878787;
  background: #F0F0F0;
}

/* --- TOOLS LINKS PARAGRAPH --- */
#pTools {
  float: left;
  width: 45%;
  font-size: 0.7em;
  color: #878787;
  background: #F0F0F0;
  padding: 6px 0 1px 10px;
  margin: 0;
}
	#pTools a:link, #pTools a:visited {
  		color: #000;
  		background: transparent;
  		text-decoration: none;
	}
	#pTools a:hover {text-decoration: underline;}
	
.toolOn {
	font-weight: bold;
}

#fsLanguage {
	float: right;
	padding: 2px 10px 4px 0;
}
#ipLang {
	font-size: 0.6em;
}

/* ----------------------- HEADER -------------------------- */

/* Header block definition */
#header {
  position: relative;
  float: left;
  width: 1000px;
  text-align: left;
  color: #000;
  background: transparent;
}

/* --- GENERAL SEARCH FORM --- */
#fdSearch {
  /*display: none;*/
  position: relative;
  float: right;
  width: 40%;
  color: #000;
  background: transparent;
  margin: 12px 0 0 0;
}
#fdSearch p {text-align: right; padding: 3px 10px 0 0; margin: 0;}
#fdSearch label {
  font-size: 0.85em;
  color: #000;
  background: transparent;
  padding-right: 0.2em;
}
#ipSearch {
  width: 68%;
  font-size: 0.85em;
  padding: 1px 1px 2px 1px;
  border: 1px solid #666;
}
#btSearch {
  font-size: 0.85em;
  color: #000;
  background: #FC0;
  padding: 1px;
  border: 1px solid #666;
  cursor: pointer;
}
#btSearch:hover {background: #71B5DA;}

/* search options links */
#pOpts {font-size: 0.7em; line-height: 90%;}
#pOpts a {color: #000; background: transparent;}

/* Advanced search link */
#Asearch {
  color: #707070;
  background: transparent;
  padding: 0 8% 0 17%;
}
#Asearch a:link, #Asearch a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #707070;
  background: transparent;
}
#Asearch a:hover {text-decoration: underline;}

/* ----------------------- FOOTER -------------------------- */

#footer {
  position: relative;
  float: left;
  width: 1000px;
  color: #000;
  background: #E5E6E8;
  padding: 0;
  margin: 0;
  border-bottom: 8px solid #3284AC;
}
#footer p {
  font-size: 0.7em;
  text-align: center;
  height: 14px;
  color: #666;
  background: transparent;
  margin:0;
  padding: 0;
}
#footer p.logoFooter {
      position: absolute;
      top: 0;
      left: 0;
      width: 22px;
      margin:0;
      padding:0;
      border-right: 1px solid #FFF;
}

#footer a:link, #footer a:visited {
  color: #666;
  background: transparent;
}

/* --------------- NAVIGATION ----------------- */

/* --- BREADCRUMBS --- */
#bdCrumbs {
  font-size: 0.7em;
  text-align: left;
  color: #666;
  background: #FFF;
  margin: 3px 0 15px 0;
  padding-bottom: 2px;
  border-bottom: 1px dotted #ccc;
}
#bdCrumbs a:link, #bdCrumbs a:visited {
  color: #666;
  background: #FFF;
}


/* --- MAIN MENU --- */

/* main navigation definition */
#mainNav {
	position: relative;
	float: left;
  	width: 981px;
  	color: #FFF;
  	background: #069;
  	padding: 0;
  	margin: 0 0 0 10px;
}
	#mainNav img {vertical-align: -5px;}
	#mainNav li {
  		display: inline;
  		color: #000;
  		background: #069;
  		list-style: none;
  		margin-left: -4px;
	}
	#mainNav a:link, #mainNav a:visited {
  		float: left;
  		width: 100px;
		text-align: center;
  		font-size: 0.95em;
  		font-weight: bold;
  		text-decoration: none;
  		text-transform: uppercase;
  		color: #FFF;
  		background: #069;
  		padding: 5px 15px;
  		border-right: 1px solid #FFF;
	}
	#mainNav a:hover {color: #FFF; background: #71B5DA;}
	#liTab a:link, #liTab a:visited {
	width: auto;
	}
/* Highlights currect main section - it may 
be defined on the list item or on the link */
#mainNav li.rubOn {background: #71B5DA;}
#mainNav li.rubOn a:link, #mainNav li.rubOn a:visited {background: #71B5DA;}

/* --- FLOATING MENUS - SUB-NAVIGATION --- */
/* Positionning and width are defined on the general javascript */

#mainNav ul.subMenu {
  display: none;
  position: absolute;
  top: 47px;
  font-size: 0.9em;
  text-align: left;
  line-height: 130%;
  list-style: none;
  color: #000;
  background: #FFF;
  padding: 0;
  margin: 0;
  z-index: 1800;
}
#mainNav ul.subMenu li {display: block; clear: both; padding: 0;}
#mainNav ul.subMenu a:link, #mainNav ul.subMenu a:visited {
  float: left;
  width: 88px;
  font-weight: bold;
  color: #000;
  background: #FFF;
  text-decoration: none;
   text-align: left;
  padding: 3px 25px 3px 18px;
  border: 1px dotted #71B5DA;
  white-space: nowrap;
}
#mainNav ul.subMenu a:hover {
  color: #000;
  background: #FFF url(../images/bullet_mnav.gif) 4px 7px no-repeat;
}

#liTab {
	float: right;
	width: auto;
	border: none;
	border-left: 1px solid #FFF;
}
	#liTab a:link, #liTab a:visited {
		background: #879500;		
	}
	#liTab a:hover {
		background: #545d02;		
	}
/* --- SUB-MENUS FOR INNER PAGES - static vertical submenu --- */

#dlSubNav {height: 100px; margin: 1px 0 8px 0;}

/* Main section title */
#dlSubNav dt {
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
  line-height: 85%;
  color: #71B5DA;
  background: #FFF;
  padding-bottom: 5px;
  border-bottom: 1px dotted #069;
}
#dlSubNav dd {font-size: 0.70em; text-transform: uppercase; border-bottom: 1px dotted #069;}

#dlSubNav .helpPadd {
	display: block;
	margin: 4px 0;
}

#dlSubNav a:link, #dlSubNav a:visited {
  display: block;
  text-decoration: none;
  color: #000;
  background: #FFF;
  padding: 4px 0 3px 15px;
}
#dlSubNav a:hover {
  color: #000;
  background: #FFF url(../images/bullet_subnav.gif) 3px 8px no-repeat;
}

/* Highlights current sub-section */
#dlSubNav #subRubOn {
  display: block;
font-weight: bold;
  color: #000;
  background: #FFF url(../images/bullet_subnav.gif) 3px 8px no-repeat;
  padding: 4px 0 3px 15px;
}
#dlSubNav #subRubOn:hover {
  color: #000;
  background: #FFF url(../images/bullet_subnav_on.gif) 3px 8px no-repeat;
}

/* Level 3 */
#dlSubSubNav dd {
	font-size: 1.05em;
	text-transform: none;
	line-height: 100%;
	margin-left: 15px;
	padding: 1px 0 1px 5px;
 	background: #FFF url(/images/bullet_toc.gif) no-repeat 0px 6px;
  border: 0;
}

#dlSubSubNav a:link, #dlSubSubNav a:visited {
  padding: 1px 0 3px 5px;
}

#dlSubSubNav a:hover, #subSubRubOn {
  color: #4FA3D3;
  background: none;
}

#subSubRubOn {
  font-weight: bold;
}

/* --------------------- INFORMATION BLOCKS ------------------------ */
/* Appear in transversal content colum */

div.infoBox {
  width: 280px;
  color: #000;
  background: #FFF;
  padding: 0;
  margin: 0 auto 13px auto;
  border: 1px dotted #660;
}
div.infoBox p, div.infoBox h4 {
	padding: 1px 10px;
}
div.infoBox p.imgActuCol {
	margin:0; padding: 0;
}
div.infoBox p.infoRub{
  width: 299px;
  color: #000;
  background: #FFF;
  padding: 13px 15px 3px 15px;
  margin: 0 10px 13px 10px;
  border: 1px dotted #660;
}

#trvlCol div.infoBox h3 {
  display: block;
  margin: 10px;
  padding: 1px 4px;
  font-size: 0.65em;
  text-align: left;
  text-transform: uppercase;
  background:#71B5DA;
}

#trvlCol div.infoBox h3 a {
  margin: 0;
  padding:0;
  color: #FFF;
  text-decoration: none;
}
#trvlCol div.infoBox h3 a:hover {
  text-decoration: underline;
}

div.infoBox h4 {
  font-size: 0.85em;
  text-align: left;
  line-height: 110%;
  color: #069;
  background: transparent;
  margin: 8px 8px 4px 0;
}
p.infoImg + h4 {
  margin-top: 0;
}

div.infoBox h4, div.infoBox h4 a:link, div.infoBox h4 a:visited {
  color: #069;
  background: transparent;
  text-decoration: none;
}
div.infoBox h4 a:hover {text-decoration: underline;}
div.infoBox p {
  font-size: 0.7em;
  text-align: left;
  padding-bottom: 5px;
}
div.infoBox p.infoImg {float: right; width: auto; margin-bottom: 2px;}

div.infoBox ul {
  font-size: 0.7em;
  list-style: none;
  padding: 7px 0 10px 0;
  margin: 0 0 8px 0;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}
div.infoBox li {
  color: #000;
  background: transparent url(../images/bullet.gif) 0 5px no-repeat;
  padding: 0 0 0 8px;
}
div.infoBox ul a:link, div.infoBox ul a:visited {
  font-weight: bold;
  color: #069;
  background: transparent;
  text-decoration: none;
}
div.infoBox ul a:hover {text-decoration: underline;}

/* Insitations pages int?rieures */
#insitBox {
	background: #e5e6e8;
	margin-top: 21px;
}

#insitBox.infoBox ul {
   border-top: none;
   border-bottom: none;
   padding: 4px 0 2px 0;
	background: #e5e6e8;
}

#externBox {
	margin-top: 50px;
}

/* List for contact addresses */
#dlContact {font-size: 0.7em;}
#dlContact dt {
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px 0;
  margin-top: 10px;
}
#dlContact dd {padding-left: 20px;}

/* ---------------- MAIN BLOCKS FOR HOME PAGE ------------------- */

/* Box for Institutional & partners info */
div.institBox, div.partsBox {
  float: left;
  width: 44.7%;
  text-align: left;
  padding: 0 3% 0 16px;
  margin-top: 10px;
}
div.partsBox { padding: 0 8px 0 3%; }

div.institBox h2, div.partsBox h2 {
  font-size: 0.65em;
  text-align: left;
  text-transform: uppercase;
  color: #FFF;
  background: #71B5DA;
  padding: 1px 5px;
  margin-bottom: 8px;
}
div.institBox h3, div.partsBox h3 {
	margin-left : 3px;
}


img.logoImg {vertical-align: middle; margin: 5px 0;}

/* General content */
div.hlGeneral {
	float: left;
	width: 100%;
	margin: 0px 16;
	background: url(../images/pointill_V.gif) white no-repeat center 48px;
}
#hlGen1{
	background-image: none;
}
div.hlGeneral div.hlColText {
	padding-left: 125px;
}
div.hlGeneral h2 {
  font-size: 0.65em;
  text-align: left;
  text-transform: uppercase;
  color: #FFF;
  background: #71B5DA;
  padding: 1px 10px;
  margin: 2px 6px 8px 8px;
  margin-bottom: 8px;
}
div.hlGeneral h3 {
  clear: none;
  font-size: 0.85em;
  color: #069;
  background: #FFF;
  padding: 0 0 0 8px;
  margin: 0;
}
div.hlGeneral p {padding-left: 8px; margin: 5px 0;}
div.hlGeneral p.backAdher {
	margin-top: 10px;
	padding-top: 10px;
	background: url(/images/administrations/backAdher.gif) repeat-x;
}

#ipEmail {font-size: 0.85em;padding: 1px 2px; border: 1px solid #666;}


/* ---------------- MAIN BLOCKS FOR INNER PAGES ------------------- */

/* General content block */
div.ctBlock {
  float: left;
  width: 463px;
  padding: 11px 12px;
  margin-bottom: 15px;
  border: 1px dotted #575757;
}
div.ctBlock h2 {padding: 0; margin: 0 0 8px 0;}
div.ctBlock h2 a:link, div.ctBlock h2 a:visited {
  text-decoration: none;
  color: #5EAFDE;
  background: #FFF;
}
div.ctBlock h2 a:hover {text-decoration: underline;}
div.ctBlock h3 {clear: none;}
div.ctBlock p {margin: 8px 0 0 0;}
div.ctBlock p.intro {
  color: #7a7a7a;
  background: #FFF;
  font-weight: bold;
}
div.ctBlock p.date {margin: 0 0 12px 0;}

div.ctBlock p.imgLft, div.ctBlock p.imgIntro{
	float: left;
	background: #fff;
  padding: 0 10px 0 0;
  margin: 0;
}
div.ctBlock p.imgRgt{
	float: right;
	background: #fff;
  padding: 0 0 0 10px;
  margin: 0;
}

/* corrects WLP styles */
div.ctBlock .mainNews {
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}

/* Positions logos */
div.ctBlock .logoFourn {
  float: right;
  width: 70px;
  margin: 0 0 0 10px;
}

#mainCt img {
	padding:0px 10px;
}

div.ctBlock .logoFourn img { margin-bottom: 5px; }

div.subBlock {float: left; width: 70%;}

/* --- Blocks for articles items (news/dossiers) --- */
#helpDocument {
	border: 1px solid #fff; /* BUG FFOX */
}

/* Main news block */
#mainNews {
  float: left;
  width: 463px;
  padding: 11px 12px;
  margin: 2px 0 15px 0;
  border: 1px dotted #575757;
}
#mainNews h2 {padding: 0; margin: 0 0 8px 0;}
#mainNews h2 a:link, #mainNews h2 a:visited {
  text-decoration: none;
  color: #5EAFDE;
  background: #FFF;
}
#mainNews h2 a:hover {text-decoration: underline;}
#mainNews p {margin: 8px 0 0 0;}
#mainNews p.intro {
  color: #7a7a7a;
  background: #FFF;
  font-weight: bold;
}
#mainNews p.date {margin: 0 0 12px 0;}

#mainNews p.imgIntro{
	float: left;
	background: #fff;
  padding: 0 10px 0 0;
  margin: 0;
}
#mainNews .mainNews {
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}

#mainNews .logoFourn {
  float: right;
  width: 70px;
  margin: 0 0 0 10px;
}

#mainNews .logoFourn img { margin-bottom: 5px; }

/* News / Dossiers items */
div.item {float: left; width: 100%;}
div.item h3 {margin: 0;}
div.item h3 a:link, div.item h3 a:visited {
  text-decoration: none;
  color: #5EAFDE;
  background: #FFF;
}
div.item h3 a:hover {text-decoration: underline;}

/* Archive links */
#pArch {
  float: left;
  width: 100%;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  color: #666;
  background: #FFF; 
  padding: 6px 0 0 0;
  border-top: 1px dotted #898989;
}
#pArch a:link, #pArch a:visited {
  text-decoration: none;
  color: #666;
  background: #FFF;
}
#pArch a:hover {text-decoration: underline;}

/* Pagination */
p.pagination {text-align: center; font-weight: bold; color: #999; background: #FFF;}
p.pagination a:link, p.pagination a:visited {
  text-decoration: none;
  color: #000;
  background: #FFF;
}
p.pagination a:hover {text-decoration: underline;}

p.pageToPage {
	text-align: right;
	margin-top: 20px;
}

p.pageToPage a:link, p.pageToPage a:visited {
  text-decoration: none;
  color: #575757;
}

p.pageToPage a.ptpLeft {
	float: left;
	width: auto;
	padding-left: 18px;
	background: transparent url(../images/administrations/arrow_double_prev.gif) 0px 3px no-repeat;
}
p.pageToPage a.ptpPrev{
	padding-right: 20px;
	padding-left: 12px;
	background: transparent url(../images/administrations/arrow_prev.gif) 0px 3px no-repeat;
}
p.pageToPage a.ptpNext{
	padding-right: 12px;
	background: transparent url(../images/administrations/arrow_nxt.gif) right no-repeat;
}

p.pageToPage a:hover {text-decoration: underline;}

/* Outils d'ent?te */
#infoTools {
   height: 20px;
	text-align: right;
	line-height: 0;
	margin: -20px 0 0 0;
	padding: 0;
}
#infoTools img {padding: 4px 0 0 5px; height: 12px;}

/* Sommaire par Select */

#fsSommaire p {
	margin: 0;
	padding: 0;
}

#ipSommaire{
  font-size: 1.0em;
  font-weight: bold;
  color: #000;
  width: 95%;
}

#fsSommaire label{
	display: none;
}

/* List of contents for Dossiers */

#sommairBox {
  padding: 5px 3px;
	margin: 10px 0 0 0;
}
#sommairBox li {
  list-style: none;
  font-weight: bold;
  color: #000;
  background: transparent url(/images/bullet_toc.gif) 0 4px no-repeat;
  padding-left: 8px;
}
#sommairBox a, #sommairBox a:link, #sommairBox a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #000;
  background: #FFF;
}
#sommairBox a:hover {
  color: #4FA3D3;
  background: #FFF;
}

div.boxDidact {
	clear: both;
	border: 1px solid #5eafde;
	padding: 5px 10px 5px 5px;;
	background: #e5e6e8;
}
div.boxDidact h2 { color: #069; }

/* ----------------------- FORMS EXCEPTIONS & SPECIFICS -------------------------- */

/* Hides label */
label.lbHide {display: none;}

/* Confirm button general class */
input.btOk {
  font-weight: bold;
  color: #000;
  background: #FC0;
  border: 1px solid #666;
  cursor: pointer;
}

/* Specifics for form of question theme */
#fsTheme {margin: 15px;}
#fsTheme label {display: block;}
#ipTheme {width: 50%; font-size: 80%;}
#fsTheme input {
  font-size: 80%;
  font-weight: bold;
  color: #000;
  background: #FC0;
  padding: 2px 5px;
  border: 0;
  cursor: pointer;
}

/* ---------------- TABLES EXCEPTIONS FOR DATA TABLES ----------------- */
/* Default table properties are used to layout tables (wlp) */



/* --------------------- SPECIFICS & EXCEPTIONS ----------------------- */
/* Used all over the site */

/* Skip navigation */
p.skip {position: absolute; left: -1000px;}

/* Image "free" positionning */
img.imgLft {float: left; width: auto; margin: 0 10px 15px 0;}
img.imgRgt {float: right; width: auto; margin: 0 0 15px 10px;}

/* Introduction paragraph */
p.pIntro {font-weight: bold; width: 70%; margin-bottom: 15px;}

/* Back top top of the page link */
p.toTop {text-align: right; padding-top: 15px;}
p.toTop a:link, p.toTop a:visited {
		font-size: 0.8em;
		text-decoration: none;
		color: #000;
		background: #FFF url(/images/arrow_totop.gif) no-repeat;
		padding-left: 15px;
}

/* Article item date */
p.date {
  color: #069;
  background: #D6EAF3;
  padding-left: 5px;
  margin-bottom: 10px;
}

/* Link for info boxes entries */
a.lnDoor:link, a.lnDoor:visited {
  font-weight: bold;
  text-decoration: none;
  color: #666;
  background: transparent;
}
a.lnDoor:hover {text-decoration: underline;}

/* Positions rss button link */
a.fluxBt:link, a.fluxBt:visited {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  background: transparent;
}

/* Positions list of logotypes */
p.logoPos {margin-top: 20px;}
p.logoPos img {float: left; width: auto; padding: 10px; border-bottom: 1px dotted #CCC;}


#wrapper.noBG {
	background: none;
}

/* MODIFS STUDIO - 0209 / *//*
div.hlGeneral p { padding-left:0px; }
div.hlGeneral h2 {margin-left:0px; }
div.hlGeneral h3 {padding-left:0px; }
div.institBox {padding:0;}
div.hlGeneral {
background:white url(http://www.geoportail.fr/imgs/pointill_V.gif) no-repeat scroll center 48px;
}
div.partsBox { 
	width:48%;
	padding: 0 0 0 2% ;
}
div.institBox { 
	width:48%;
	padding: 0 2% 0 0 ;
}
p.imageLeft { text-align: center;}

h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
}
#trvlCol h3 { font-family: Arial,Helvetica,  sans-serif; }
/* / MODIFS STUDIO - 0209 */

