/* ================== GLOBAL ================== */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,hr
 {
 margin: 0;
 padding: 0;
}

a img,:link img,:visited img {
 border: none;
}

a {
 color: #a20000;
 text-decoration: none;
}

a:active, a:focus {
  outline: none;
}

a:hover {
 text-decoration: underline;
}

body,td {
 margin: 0;
 padding: 0;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 11px;
}

body {
 height: 100%;
 background: #c2c2c2 url(../images/body-background.jpg) repeat-y top left
  ;
}

div.spacer {
 clear: both;
}

hr.spacer {
 clear: both;
 visibility: hidden;
}

.none {
 display: none;
}

.red {
 color: #a20000;
}

.italic {
 font-style: italic;
}

#main {
 width: 1024px;
 height: 100%;
 position: relative;
 background: transparent url(../images/page-background.jpg) no-repeat top
  left;
}

#content {
 position: relative;
}

/* ================== HEADER ================== */
#header {
 background-color: transparent;
 border: none;
 position: relative;
 height: 100px;
 margin-left: 100px;
}

#header h1 {
 padding: 34px;
 font-size: 44px;
 line-height: 34px;
 font-weight: normal;
 color: white;
}

#search-form {
 width: 254px;
 height: 76px;
 float: right;
 display: inline;
 margin: 13px 37px 0 0;
 background: #e1e1e1 url(../images/search-background.jpg) scroll
  no-repeat left top;
}

#search-form p {
 margin: 12px 0 0 15px;
 color: #444;
 font-size: 18px;
 line-height: 18px;
 font-weight: normal;
}

#search-form form {
 padding: 10px 0 0 15px;
 vertical-align: bottom;
}

#search-form input {
 float: left;
 width: 193px;
 border: 1px solid #bebebe;
 height: 17px;
 margin-top: 2px;
 font-size: 14px;
}

#search-form a {
 display: block;
 margin-left: 203px;
 width: 24px;
 height: 23px;
 background: transparent url(../images/ok.jpg) no-repeat scroll left
  bottom;
}

/* ================== NAV PRINCIPALE (NIVEAU 1) ================== */
#menuH1 { 
 width: 1000px;
 margin-left: 0px;
 height: 66px;
 position: relative;
 background: transparent url(../images/menuH1-background.jpg) no-repeat scroll left bottom;
}

#menuH1 table {
 position: absolute; /*rajout*/
 width: 965px;
 margin: 15px 0 0 20px;
 border-collapse: collapse;
}

#menuH1 td {
 height: 35px;
 text-align: left;
 vertical-align: top;
 border: none;
 border-collapse: collapse;
 background: transparent url(../images/menuH1-separator.jpg) no-repeat scroll left 4px;
}

#menuH1 td#menuH10,#menuH1 td#menuH11,#menuH1 td.no-border {
 background-image: none;
}

#menuH1 td#menuH10 {
 width: 80px;
}

#menuH1 a:link,#menuH1 a:visited,#menuH1 a:hover {
 display: block;
 margin: 0px 4px;
 width: auto;
 height: 31px;
 line-height: 35px;
 overflow: hidden;
 text-align: center;
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}

#menuH1 a:hover {
 border-bottom: 4px solid white;
}

#menuH1 span {
 display: block;
 width: 100%;
 height: 31px;
 line-height: 31px;
 overflow: hidden;
 text-align: center;
 color: #5c0100;
 background-color: white;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}

/* ================== NAV SECONDAIRE (NIVEAUX 2 ET 3) ================== */
/*#menuVL {
 width: 225px;
 float: left;
 display: inline;
 margin-left: -251px;
 background: white url(../images/menuV1-background-left.jpg) repeat-y scroll left top;
}*/

#menuVL {
 width: 225px;
 position: absolute;
 top: 0;
 left: 11px;
 background: white url(../images/menuV1-background-left.jpg) repeat-y scroll left top;
}

#menuVLbody {
 background: transparent url(../images/menuV1-background-left-top.jpg) scroll no-repeat left -14px;
 padding: 28px 0 50px 20px;
 height: auto !important;
 height: 85px; /* for IE6 */
 min-height: 85px;
}

#menuVLfooter {
 height: 15px;
 background: transparent url(../images/menuV1-background-bottom.jpg) no-repeat scroll 1px top;
}

#menuVL ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin-left: 0;
 margin-left: 0;
 padding-left: 0;
}

#menuVL ul.nav2 li {
 padding-top: 1px;
 background: transparent url(../images/menuV1-separator.jpg) no-repeat scroll left top;
}

#menuVL a:link,#menuVL a:visited {
 color: #680000;
 text-decoration: none;
}

#menuVL a:hover {
 color: #680000;
 text-decoration: underline;
}

#menuVL ul.nav2 li a {
 display: block;
 width: 181px;
 padding-left: 13px;
 background: white url(../images/triangle1red-right.gif) no-repeat scroll 2px 7px;
 font-size: 14px;
 line-height: 22px;
}

#menuVL ul.nav2 li.active { 
	background: none;
}

#menuVL ul.nav2 li.no-border { 
  background: none;
}

#menuVL ul.nav2 li.active a {
 background: #680000 url(../images/triangle1white-down.gif) no-repeat scroll 2px 7px;
 color: white;
 font-weight: bold;
}

#menuVL ul.nav2 li.open a {
 background: white url(../images/triangle1red-down.gif) no-repeat scroll 2px 7px;
 font-weight: bold;
}

#menuVL ul.nav3 li {
 padding: 2px 0;
 background: none;
}

#menuVL ul.nav2 ul.nav3 li a {
 display: block;
 width: 161px;
 padding-left: 33px;
 background: white url(../images/triangle1red-right.gif) no-repeat scroll 22px 6px;
 font-size: 12px;
 line-height: 18px;
 color: #680000;
 font-weight: normal;
}

#menuVL ul.nav2 ul.nav3 li.active a {
 background: #680000 url(../images/triangle1white-right.gif) no-repeat scroll 22px 6px;
 font-weight: bold;
 color: white;
}




/* ================== ARTICLE ================== */

#article-container {
 width: 637px;
 position: relative;
 background: transparent url(../images/article-background.jpg) repeat-y scroll right top;
 margin-left: 0px;
 padding: 0 0 0 262px;
 font-size: 12px;
 font-weight: normal;
 line-height: 18px;
}

#article {
 height: auto !important;
 height: 290px; /* for IE6 */
 min-height: 290px;
 padding: 20px 65px 120px 0;
 background: transparent url(../images/article-background-right-top.jpg) no-repeat scroll right -14px;
 font-family: Helvetica, Arial, Verdana, sans-serif; color : #333333;
 font-size: 14px;
 line-height: 18px;
 font-weight: normal;
 color: #333333;
}

#article-footer {
 height: 14px;
 width: 572px;
 margin-left: 135px;
 padding: 0 65px 0 127px;
 background: transparent url(../images/article-background-bottom.jpg) no-repeat scroll right top;
}

div.summary {
	width: 150px;
	position: absolute;
	right: 50px;
	text-align: right;
}
#summary-top {
	top: 0px;
}
#summary-bottom {
  bottom: 15px;
}
.summary a:link, .summary a:visited {
	font-size: 12px;
	color: #680000;
	text-decoration: none;
}
.summary a:hover {
  font-size: 12px;
  color: #680000;
  text-decoration: underline;
}

#article h1 {
 margin-bottom: 16px;
 color: #666666;
 font-size: 30px;
 line-height: 36px;
 font-weight: normal;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#article h2 {
 width: 440px; margin-bottom : 12px;
 color: #680000;
 font-size: 18px;
 line-height: 24px;
 font-weight: bold;
 margin-bottom: 30px;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#article h3 {
 color: #680000;
 font-size: 16px;
 line-height: 18px;
 margin-bottom: 18px;
 font-weight: bold;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#article p {
 font-family: Helvetica, Arial, Verdana, sans-serif; 
 font-size: 14px;
 line-height: 18px;
 font-weight: normal;
 color: #333333;
}

#article a:link, #article a:visited {
  color: #680000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #680000;	
}

#article a:hover {
	color: white;
  background-color: #680000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid #680000; 
}

#article ul.link-list {
 list-style-image: url(../images/triangle1red-right.gif);
 list-style-position: inside;
 list-style-type: none;
 margin-left: 0;
 margin-left: 0;
 padding-left: 0;
}

#article div.section-separator {
 clear: both;
 margin: 18px 0; 
 font-size: 1px;
 line-height: 1px;
 font-size: 1px; line-height : 1px;
 border-bottom: 1px solid #CCCCCC;
}

#article .linksContainer {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #CCCCCC;
}

#article .section .linksContainer {
  margin-top: 18px;
  padding-top: 0px;
  border-top: none;
}

#article .section .mainImage {
 width: 200px;
 float: left;
 margin: 3px 17px 5px 0;
 display: inline;
}

#article .section .mainImageRight {
 width: 200px;
 float: right;
 display: inline;
 margin: 3px 17px 0 17px;
 text-align: right;
}

#article .section .mainImage img,#article .section .mainImageRight img {
 border: 10px solid #680000;
 padding: 0;
}

#article #mainImage {
 width: 200px;
 float: left;
 margin: 3px 17px 5px 0;
 display: inline;
}

#article #mainImageRight {
 width: 200px;
 float: right;
 display: inline;
 margin: 3px 17px 0 17px;
 text-align: right;
}

#article #mainImage img, #article #mainImageRight img {
 border: 10px solid #680000;
 padding: 0;
}


/* ================== PAGINATION ================== */
.pager {
 font-family: arial, verdana, sans-serif;
 font-size: 12px;
 line-height: 24px;
 border-bottom: 1px solid #666666;
 border-top: 1px solid #666666;
}

.pagertop {
	margin-top: 18px;
}

.pagerbottom { }

.pager .previous {
 width: 130px;
 float: left;
 text-align: left;
 font-family: Georgia, "Times New Roman", Times, serif;
}

.pager .next {
 /*width: 100px;*/
 /*float: left;*/
 text-align: right;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#article .pager .previous a:link,
#article .pager .previous a:visited,
#article .pager .next a:link,
#article .pager .next a:visited {
	color: #666666;
	border-bottom: none;
}

#article .pager .previous a:hover,
#article .pager .next a:hover {
  color: #680000;
  background-color: white;
  border-bottom: none;
}
	
.pager .pages {
 width: 312px;
 float: left;
 text-align: center;
}

.pager li {
 display: inline;
 padding: 0 2px;
}

.pager .off {
 color: #999999;
}

.pager li.active {
 font-weight: bold;
}

dl#article-list {
	margin: 18px 0;
}
dl#article-list dt {
  padding: 9px 0 0 24px;
  background: transparent url(../images/triangle2red-right.gif) scroll no-repeat 10px 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
}
dl#article-list dd {
  padding: 0 0 9px 24px;
}
dl#article-list dt.odd,
dl#article-list dd.odd {
  background-color: #CCCCCC;
}



/* ================== HAUT DE PAGE / IMPRIMER ================== */

#print {
 position: absolute;
 right: 11px;
 top: 25px;
 width: 23px;
 height: 23px;
}

#print a:link, #print a:visited, #print a:hover {
  display: block;
  width: 23px;
  height: 23px;
  background: #666666 url(../images/print.jpg) scroll no-repeat 2px 2px;
}

#print a:hover {
  background: #680000 url(../images/print.jpg) scroll no-repeat 2px 2px;
}

#go-top {
 position: absolute;
 right: 11px;
 bottom: 15px;
 width: 23px;
 height: 23px;
}

#go-top a:link, #go-top a:visited, #go-top a:hover {
  display: block;
  width: 23px;
  height: 23px;
  background: #666666 url(../images/go-top.jpg) scroll no-repeat 2px 2px;
}

#go-top a:hover {
  background: #680000 url(../images/go-top.jpg) scroll no-repeat 2px 2px;
}



/* ================== FOOTER ================== */
#footer {
 clear: both;
 background: transparent url(../images/footer-separator.gif) scroll
  no-repeat 16px top;
 border: none;
 position: relative;
 height: 38px;
 margin-top: 30px;
}

#footer-menu {
 position: absolute;
 top: 13px;
 left: 134px;
}

#footer-menu a:link,#footer-menu a:visited,#footer-menu a:hover {
 text-decoration: none;
 color: white;
 font-size: 12px;
 line-height: 12px;
}

#footer-menu a:hover {
 border-bottom: 2px solid white;
}