/* -----------------------------------------------------
Base styles for screen media
FileName:    scr_layout.css
Version:     12/03/2004
----------------------------------------------------- */

/* General elements */
/* ----------------------------------------------------- */
p {
  margin:0 0 1em 0;
  }
form {
  margin:0;
  padding:0;
  }
dl, ul, ol {
  margin-top:0;
  margin-bottom:0;
  }
input, select, textarea {
  font-size:100%;
  }
textarea {
  line-height:140%;
  }
img {
  border:0;
  }
hr {
  height:1px;
}
  
  
/* Header Section */
/* ----------------------------------------------------- */
#helpNav {
	position:relative;
	height:80px;
  }


	/* Informations */
	/* ----------------------------------------------------- */
	#info {
	  position:relative;
	  padding-top:1px;
	  padding-bottom:1px;
	  font-size:75%;
	  }
	#info img {
	  vertical-align:middle;
	  }
	#info a:link, #info a:visited{
	  text-decoration: none;
	  }
	#info a:hover, #info a:visited:hover  {
	  text-decoration: underline;
	  }
	#info input{ margin:0; padding:0; vertical-align:middle;}
	#info a.link:link, #info a.link:visited, #info a.link:hover, #info a.link:visited:hover  {
	  margin-left:30px;
	  text-decoration: none;
	  }
	#info .lang {
	  margin-left:50px;
	 }
	#info span.dateTime {
	  position:relative;
	  }
	#info span.infoSep {
	  position:relative;
	  font-size:150%;
	  vertical-align:baseline;
	  }
	#info input.searchButton {
	  background: #6190cd;
	  border-left: 1px solid #abc7ec;
	  border-top: 1px solid #abc7ec;
	  border-bottom: 1px solid #6190cd;
	  border-right: 1px solid #6190cd;
	  color:#fff;
	  cursor:pointer;
	  font-weight:bold;
	  text-align:center;
	  }
	#info .searchInput {
	  position:relative;
	  width:110px;
	  }
	#info .label {
	  position:relative;
	  margin-right:5px;
	  }
	#info .labelAdv {
	  float:right;
	  font-size:90%;
	  width:50px;
	  font-family:Arial, Helvetica, sans-serif;
	  margin-right:5px;
	  text-align:center;
	  }
	#info #searchSection {
	  float:right;
	  margin:0px;
	  padding:0px;
	  position:relative;
	  z-index:3;
	  }
	#info #searchForm{
	  margin:0;
	  padding:0;
	}

	/* Tools Navigation */
	/* ----------------------------------------------------- */
	#navTools {
	  font-size: 75%;
	  clear:both; /*Opera Mac fix*/
	  }
	#navTools .content {
	  margin:0px 0px 0px 20px;
	  }
	#navToolsLeft {
	  line-height:150%;
	  font-weight: bold;
	  text-decoration: none;
	  text-align:center;
	  }
	#navToolsLeft a:link, #navToolsLeft a:visited, #navToolsLeft a:active { text-decoration:none; }
	#navToolsLeft a:hover, #navToolsLeft a:visited:hover { text-decoration:underline; }
	#navToolsMiddle a:link, #navToolsMiddle a:visited ,#navToolsRight a:link, #navToolsRight a:visited {
	  text-decoration: none;
	  }
	#navToolsMiddle a:hover, #navToolsMiddle a:visited:hover, #navToolsRight a:hover, #navToolsRight a:visited:hover {
	  text-decoration: underline;
	  }
	#navToolsMiddleContent {
	  font-size:110%;
	  line-height:150%;
	  }
	#navToolsMiddleContentbg {
	  font-size:110%;
	  line-height:150%;
	  border-bottom: 1px solid;
	  }


/* Left column */
/* ----------------------------------------------------- */


/* Right column */
/* ----------------------------------------------------- */
#colR .content {
  font-size:90%;
  line-height:135%;
  margin-top:20px;
  font-family:Arial, Helvetica, sans-serif;
  }

	/* InfoBoxes in right column */
	/* ----------------------------------------------------- */
	.infoBox1 {  
	  position:relative;
	  padding:3px 9px 3px 30px;
	  }
	.infoBox2 {
	  position:relative;
	  display:block;
	  padding:3px 9px 3px 30px;
	  margin:auto;
	  width:inherit;
	  }
	.infoBox3 {  
	  position:relative;
	  padding:3px 9px 3px 30px;
	  margin:0;
	  }
	.infoBox4 {
	  position:relative;
	  padding:1px 9px;
	  }
	.infoBox5 {  
	  position:relative;
	  padding:1px 9px;
	  }
	.infoBox6 {
	  position:relative;
	  padding:1px 9px;
	  }
	.infoBoxContent, .infoBoxContent1, .infoBoxContent2, .infoBoxContent3, .infoBoxContent4, .infoBoxContent5, .infoBoxContent6 {  
	  border: 1px solid;
	  border-top: 0;
	  padding: 5px;
	  margin-bottom:20px;
	  }
	.infoBoxContent2 {  
	  border:0;
	  padding: 5px;
	  margin:0;
	  }
	#colR .list {
	  margin-left:14px;
	  text-indent:-10px;
	  margin-top:3px;
	  margin-bottom: 10px;
	  }
	#colR h1 {
	  font-weight:bold;
	  font-size: 100%;
	  margin:0;
	  padding:0;
	  }
	#colR .list p, #colR p {  font-size: 110%; }
	#colR .list a:link, #colR .list a:visited, #colR .list a:active {  text-decoration:underline; }
	#colR .list a:hover {  text-decoration:underline; }


	/* Photo gallery */
	/* ----------------------------------------------------- */
	.galleryRow {
	   overflow:hidden;
	   margin:0;
	   padding:0;
	}
	.galleryThumb140 {
	  float:left;
	  width:140px;
	  display:inline;
	  padding:0;
	  font-size: 80%;
	  text-align:center
	  }

	.galleryThumb180 {
	  float:left;
	  width:180px;
	  display:inline;
	  padding:0;
	  font-size: 80%;
	  text-align:center
	  }
/* Hide from IE5-mac. Indent bug-fix. \*/
* html div.galleryThumb140 {
  margin-right: 10px;
  }
* html div.desc {
  height: 1%;
  margin-left: 0;
  }
/* End hide from IE5/mac */

	div.galleryRow .desc {
	  margin-left:190px;
	  padding:0;
	}
	div.desc .title {
	  font-weight:bold;
	}
	div.desc .metaRow {
	  margin:10px auto;
	}
	div.desc .metaRow .metaCol1 {
	  width: 120px;
	}
	div.galleryRow .copyright {
	  font-size:inherit;
	  margin-bottom:1em;
	}
	.galleryLegend a:link, .galleryLegend a:visited, .galleryLegend a:active, .galleryLegend a:hover, .galleryLegend a:visited:hover { text-decoration:none; }
	.galleryLegend {
	  margin:0;
	  padding:1px 4px;
	  text-align:left;
	}
	a.galleryDownload:link, a.galleryDownload:visited, a.galleryDownload:active, a.galleryDownload:hover, a.galleryDownload:visited:hover { text-decoration:none; }
	.galleryDownload {
	  padding:3px 5px;
	}
    .galleryHr {
	  clear:left;
	  height:1px;
	  background-color:#4774B0;
	  position: relative;
	  border:0;
	  margin:10px 0;
   	  color:#4774B0;
	  }
	.galSep {
	  clear:left;
	  content: "."; 
      display: block; 
	  height:1px;
	  font-size:1px;
	  line-height:1px;
	  visibility: hidden;
	}
	img.galleryImg {
	  position:relative;
	  top:0px;
	  margin:0px;
	  border:0px;
	  }  
	#galleryR {
       float: right;
	   overflow:hidden;
       margin-top: 1.9em;
	   padding:0;
	   width:105px;
	   text-align:right;
	}
	#galleryRcontent {
       margin-left: 15px;
	}
	#galleryL {
	  text-align:center;
	  margin:0 106px 0 auto;
	}
	#galleryContent {
	  display:block;
	  text-align:left;
	  width:460px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.galSpacer {
	  content: "."; 
      display: block; 
	  height:1px;
	  font-size:1px;
	  line-height:5px;
	  visibility: hidden;
	}

	.galleryThumb90 {
	  margin:auto;
	  width:90px;
	  }
	#galleryR hr {
	  height:1px;
	  width:90px;
	  position: relative;
	  border:0;
	  padding:0;
	  }
	.navGallery { 
	  height:2em;
	  display:block;
	  font-weight : bold;
	}
	.navGalleryLeft { 
	  float:left;
	}
	.navGalleryRight { 
	  text-align:right;
	  margin:auto;
	}

	a.navGalleryLink:link { text-decoration:underline;
		}
	a.navGalleryLink:visited {
		}
	a.navGalleryLink:hover {
		 }
	a.navGalleryLink:active {
		 }
	
/* Middle content column */
/* ----------------------------------------------------- */
#colM {
  line-height:135%;
  font-family:Arial, Helvetica, sans-serif;
  }
#update {
  text-align:left;
  font-size: 85%;
  margin-left:20px;
  }
	/* Links */
	/* ----------------------------------------------------- */
	a img {border-style:none;}

	a.topOfPage:link, a.topOfPage:visited { 
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  clear:both;
	  text-decoration: none; 
	  font-size: 80%;
	  margin:5px 23px 0 0; }
	a.topOfPage:hover, a.topOfPage:visited:hover { clear:both; text-decoration: none;}
	
	.pathnav { font-size: 80%;  padding: 0 0 8px 0;}
	a.pathnav:link, a.pathnav:visited { font-size: 100%;}
	a.pathnav:hover, a.pathnav:visited:hover { font-size: 100%;}

	.pathnavactive { font-weight : bold}

	/* Titles */
	/* ----------------------------------------------------- */
	h1 {
	  font-size: 120%;
	  font-weight : bold;
	  text-decoration: none;
	  margin: 5px 0 5px 0;
	  padding-bottom:5px;
	  }
	h2 {
	  font-size: 110%;
	  font-weight:bold;
	  margin:15px 0 5px 0;
	  padding-bottom:5px;
	  }
	h3 {
	  font-size: 100%;
	  font-weight:bold;
	  padding:2px 0px;
	  margin:15px 0 5px;
	  }
	h4 {
	  font-size: 100%;
	  padding:0 0 5px 0;
	  margin:15px 0 5px;
	  }

	/* Content Zone */
	/* ----------------------------------------------------- */
	#contentZone {
	  font-size:100%;
	  }
	.smaller {
	  font-size:85%;
	  line-height:1.25em;
	  }
	.larger {
	  font-size:120%;
	  line-height:1.25em;
	  }

.contextBoxMedium ul,   .contextBoxLarge ul, .contextBoxRelative ul {
   margin-left:5px;
   padding-left:0;
   }
.contextBoxMedium li, .contextBoxLarge li, .contextBoxRelative li {
   margin-left:10px;
   padding-left:0;
   }
	.contextBoxMedium, .contextBoxLarge, .contextBoxRelative {
	  background-color: #E3EBF5;
	  border:1px dashed #749ACB;
	  float: right;
	  width: 200px;
	  overflow:hidden;
	  margin:0 0 10px 10px;
	  }
	.contextBoxRelative {
	  display:block;
	  width: 50%;
	  }
	.contextBoxFull {
	  background-color: #E3EBF5;
	  border:1px dashed #749ACB;
	  overflow:hidden;
	  margin:0 0 10px 10px;
	  }
	.contextBoxLarge {
	  width: 280px;
	  }
	.contextBoxTitle {
	  background-color: #ACC2E0;
	  color:#FFFFFF;
	  border-bottom:1px dashed #749ACB;
	  font-size:0.9em;
	  font-weight:bold;
	  line-height:1em;
	  padding:3px 5px;
	  }
	.contextBoxContent {
	  font-size:0.8em;
	  line-height:1em;
	  margin:5px;
	  padding:0px;
	  text-align:left;
	  }


	/* Images Content */
	/* ----------------------------------------------------- */
	.thumbnailL {
	  position:relative;
	  float:left;
	  width:180px;
	  display:block;
	  margin:5px 5px 3px 0px;
	  padding:0;
	  font-size: 80%;
	  text-align:center
	  }
	.thumbnailR {
	  position:relative;
	  float:right;
	  width:180px;
	  display:block;
	  margin:0px 0px 3px 3px;
	  padding:0;
	  font-size: 80%;
	  text-align:center
	  }
	.thumbnailLegend {
	  margin:1px 4px;
	  text-align:left;
	}
	img.thumbnailImg {
	  position:relative;
	  top:0px;
	  margin:0px;
	  border:0px;
	  }  

	/* Download section */
	/* ----------------------------------------------------- */
	#dldBox { 
	  padding:0;
	  padding-top: 2px;
	  text-align:left;
	  display:block;
	  margin:0;
	  }
	.dldIcon { 
	  vertical-align:middle;
	  }
	#dldBox h1 {
	  font-size: 90%;
	  line-height:18px;
	  font-weight : bold;
	  text-decoration: none;
	  margin: 5px 0 0 0;
	  padding:0 0 0 5px;
	  display:block;
	  border-bottom:0;
	  }
	#dldBox h2 { 
	  margin:0;
	  display:block;
	  padding:3px;
	  font-size : 100%; 
	  font-weight:bold;
	  }
	#dldBox h3 { 
	  margin:0;
	  padding:0 0 0 25px;
	  font-size : 100%; 
	  font-weight:bold;
	  }
	#dldBox .dldContent { 
	  margin:0;
	  padding:0;
	  }
	#dldBox .dldList {
	  margin:4px 10px 0 45px;
	  line-height:110%;
	  padding:0;
	  }
	#dldBox .dldListDoc {
	  margin:0 10px 0 2px;
	  padding:0;
	  line-height:110%;
	  }
	#dldBox .dldType {
	  margin:3px 0;
	  padding:0 0 0 35px;
	  font-size : 100%; 
	}
	#dldBox hr { 
	  height:1px;
	}
	/*
	#dldBox .dldFile {
	  clear:left;
	  margin:0 0 0 0;
	  padding:3px 0 0 2px;
	  }
	#dldBox .dldFilesize {
	  float:left;
	  overflow:hidden;
	  font-size : 60%;
	  line-height:110%;
	  text-align:center;
	  width:40px;
	  }
	  */
	  	#dldBox .dldFile {
	  clear:left;
	  margin:10 0 10 0;
	  padding:3px 0 0px 2;
	  }
	#dldBox .dldFilesize {
	  float:right;
	  overflow:hidden;
	  font-size : 60%;
	  line-height:110%;
	  text-align:left;
	  width:70px;
	  }
	  
	.dldBoxIcon {
	  vertical-align:middle;
	  }
	#dldBox .listDescription {
	  color: #000000;
	  font-size: 90%;
	  font-weight:normal;
	}
	#dldBox p {
	  margin:4px 10px 0 45px;
	  line-height:110%;
	  padding:0;
	  }

	/* Third level navigation */
	/* ----------------------------------------------------- */
	.thirdLevelTitle { 
	  padding-left:20px;
	  font-size : 100%; 
	  font-weight : bold;
	  }
	.thirdLevelContent {
	  margin-left:6px;
	  padding-top:4px;
	  padding-left:2px;
	  }
	ul.thirdLevelList {
	  margin:0px;
	  padding:0px;
	  }
	ul.thirdLevelList li{
	  margin:0px;
	  padding:0px;
	  list-style-type:none; 
	  }
	.level{
	  margin-left:28px;
	  }
	a.thirdLevel:link, a.thirdLevel:visited, a.thirdLevel:active, a.thirdLevel:hover {
	  font-size : 90%; 
	  } 

	/* Nouveautés */
	/* ----------------------------------------------------- */
	.newsboxtitletxt {
	  margin-left:5px;
	  display:block;
	  font-family : Verdana, Arial, Helvetica, sans-serif; 
	  font-size : 90%; 
	  font-weight : bold; 
	  }
	.newsindentpath1 {
	  margin-left:5px;
	  margin-top:10px;
	  margin-bottom:5px;
	  font-size : 100%; 
	  font-weight : bold; 
	  }
	.newsindentpath2 {
	  margin-left:15px;
	  margin-top:10px;
	  font-size : 90%; 
	  font-weight : bold; 
	  }
	.newsindentpath3 {
	  margin-left:25px;
	  margin-bottom:5px;
	  }
	.text  { 
	  font-weight:normal;
	  font-size : 80%; 
	  } 

	/* Search results */
	/* ----------------------------------------------------- */
	#searchResults {
	  width:100%;
	  border:1px solid;
	  border-top:0;
	  }
	#searchResults .resultHeader {
	  position:relative;
	  width:100%;
	  margin:0;
	  padding:0;
	  border:1px solid;
	  border-left:0;
	  border-right:0;
	  line-height:normal;
  	  }
	.resultHeader .headerWrap {
	  margin:0 0 0 3.5em;
	  padding:0;
	  line-height:130%;
	  text-align:left;
	  }
	.resultHeader .headerWrapLeft {
	  margin:0 0 0 .75em;
	  padding:0;
	  line-height:130%;
	  text-align:left;
	  }
	.resultHeader .headerWrapCalendar {
	  margin:0 0 0 .75em;
	  padding:0;
	  line-height:130%;
	  text-align:left;
          font-weight:bold;
	  }
	.resultHeader .weight {
	  position:absolute;
	  width:4em;
	  left:0;
	  top:0;
	  overflow:hidden;
	  display:block;
	  text-align:right;
	  font-size:70%;
	  font-weight:bold;
	  }
	.resultHeader .title {  
	  overflow:hidden;
	  }
	.resultHeader .info {
	  float:right;
	  width:7em;
	  overflow:hidden;
	  display:inline;
	  text-align:center;
	  }
	.resultHeader .format {
	  margin-top:1px;
	  vertical-align:top
	  }
	.resultHeader .size { 
	  float:right;
	  padding:0 3px;
	  line-height:190%;
	  font-size:70%;
	  }
	#searchResults .description {
	  clear:both;
	  padding:0 10px;
          font-size:0.9em;
	  }

        .searchnav {
          margin-top : 0.25em;
          text-align : center;
          font-size: 0.9em;
          }

	/* Photo gallery */
	/* ----------------------------------------------------- */
	.navGallery { text-align:center; }

	a.navGallery:link { text-decoration:underline;
		}
	a.navGallery:visited {
		}
	a.navGallery:hover {
		 }
	a.navGallery:active {
		 }

	.navGallery { font-size : 90%; font-weight : bold;}
	.navGalleryoff { font-size : 90%; font-weight : bold; }



/* Generic */
/* ----------------------------------------------------- */
.rule {display:block; border-width:0; border-style:none; height:1px; margin-top:5px;}
.imgLeft {float:left; margin:2px 5px 5px 0;}
.imgRight {float:right; margin:0 0 5px 5px;}

/* Footer */
/* ----------------------------------------------------- */
#foot .content {
  font-size:85%;
  line-height:140%;
  }
#foot p {
  margin:0;
  padding:0;
  text-align:right;
}
#foot a, #foot a:link, #foot a:active, #foot a:visited {
  text-decoration:underline;
  white-space:nowrap;
  }
#foot a:hover, #foot a:visited:hover {
  text-decoration:underline;
}