/* this CSS is strongly inspired from Jeffrey Zeldman site www.zeldman.com */
/* and from his nice book "designing with web standards"                   */

body	{
	background: #fff;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0;
	}

	/*  Establish general layout parameters */

#banner	{
	margin: 0;
	padding: 0;
	}

#secondarynav	{
	/* float: left; */
	position: absolute;
	left: 0;
	margin: 0;
	width: 151px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100px;	 /* Actual value for conformant browsers */
	}

html>#secondarynav {
	width: 100px; /* Be nice to Opera */
	}

#primarycontent	{
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	width: auto;
	}

#bravefourhundred	{
	margin: 0;
	border: 0;
	padding: 0 25px 25px 25px;
	}

	/*  Set up general page elements 	*/
#terciarynav {
	width: 100%;
	height:auto;
	background-color:#f6f9ee;
	border-width:1px;
	border-color:#dcdcdc;
	border-style:solid;
	padding:2px;
	}
#terciarynav #tleft {
	width: 33%;
	text-align:left;
}

#terciarynav #tcenter {
	width: 33%;
	text-align: center;
}

#terciarynav #tright {
	width: 33%;
	text-align:right;
}

img {
	display: block;
	border: 0;
	}

img+p {
	margin-top: 1em;
	margin-bottom: 1em;
	font: 11px/1.5 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	}

.inline {
	display: inline;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 11px/1.5 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	}


a:link, a:visited {
	font-weight : bold;
	text-decoration : none;
	color: #990066;
	background: transparent;
	}

a:hover {
	font-weight : bold;
	text-decoration : underline;
	color: #333;
	background: #ffffcc;
	}

a:active {
	font-weight : bold;
	text-decoration : none;
	color: #990066;
	background: transparent;
	}



	/*   Gather ye headlines.  */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: "lucida grande", verdana, lucida, helvetica, sans-serif;
	}

h1	{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 32px;
	text-transform: lowercase;
	}

h2	{
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	}

h3	{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
    }

h4	{
	font-size: 13px;
	margin: 5px 2px;
	padding: 0;
	letter-spacing: 1px;
	}

.table-vignette {
	width:100%;
	margin: 0px;
	border: solid 1px #000000;
	padding: 0px;
}

.table-vignette td {
	padding: 0px;
	margin: 0px;
	border: solid 1px #000000;
	vertical-align: top;
	font: 11px/1.5 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
}

/************************************
elements du formulaire de recherche
*************************************/
input {
	font:normal 10px Verdana,Tahoma,Arial,Helvetica,sans-serif;
	width:90px
}

input.inputimage {
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	height:18px;
	width:72px
}

input.radio {
	font:normal 10px Verdana,Tahoma,Arial,Helvetica,sans-serif;
	width:auto;
}

input.inputok {
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	height:18px;
	width:72px
}

select {
  background-color:   #fff;
  font-family:        Verdana, Arial, Tahoma, Helvetica, sans-serif;
  font-size:          10pt;
  font-weight:        normal;
  color:              #000;
}

/*******************************
elements du breadcrumbs et temps
********************************/
#navPath {
	margin: 0px 10px 0px 10px
}

#navPath td {
	font-size: 9pt;
	line-height: 2.5em;
}


	/*  Lay out footer 	*/

#footer	{
	font-size: 10px;
	margin: 25px 0 50px 0;
	}


	/*  Text treatments for primary content zone 	*/

#primarycontent li {
	font: 11px/1.0 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;
	margin-bottom: 1em;
    }

#primarycontent th, td {
	font: 11px/1.5 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;
    }

#primarycontent dd	{
	margin-bottom: 25px;
	}

#primarycontent dd, dt {
	font: 11px/1.5 "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;
    }

p+h3	{
	margin-top: 20px;
	}

h2+img	{
	margin-top: 20px;
	}

img+p	{
	margin-top: 10px;
	}

#primarycontent code	{
	font-family: "Andale Mono", monaco, courier, "Courier New", monospace;
	border-bottom: 1px dotted #999;
	}

#primarycontent pre	{
	font: xx-small/1.5 "Andale Mono", monaco, courier, "Courier New", monospace;
	}

.structureTitre {
	color : #801B5C;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : 600;
	text-transform : none;
	background-color: #FFFFFF;
	line-height: 1.4em;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 4%;
}

#contenusTitre {
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.contenusSousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #84025B;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	font-weight: 700;
	vertical-align: top;
	padding-right: 2%;
	line-height: 2em;
}

	/*  Create buttons 	*/

#primetop	{
	border-top: 1px solid #f5d7b4;
	}

h1 img {
	margin-bottom: 10px;
	}

img+h3	{
	margin-top: 10px;
	}

#contenusTitre+p	{
	margin-top: 20px;
	}

#bravefourhundred dt {
	font-size: 12px;
	font-weight: normal;
	}

#bravefourhundred dd {
	margin-bottom: 0.5em;
	}

pre	{
	font-size: xx-small;
	}

.important {
	padding: 10px;
	vertical-align: top;
	border: 2px solid #F00;
	}


	/*  Hide earlier versions 	*/

#primenav, .hide {
	display: none;
	}