/* mainpage.css */

/***** global *****/

* {
  margin: 0;
  padding: 0;
}
body {
  background: black url(/images/background.gif) no-repeat top center;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
.FlashError a {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #595959;
  text-decoration: underline;
}

/***** Header *****/

#Header {
  height: 109px;
  background: transparent url(/images/bandeau.gif) no-repeat;
}
#Header .linkTitle a {
  position: absolute;
  margin-top: -15px;
  width: 730px;
  overflow: hidden;
  color: white;
  text-decoration: none;
  font-size: 10px;  
}
#Header .homeLink {
  display: block;
  width: 905px;
  height: 80px;
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;  
}
#Header .NewsletterSubscriptionBox {
  float: right;
  margin: -25px 5px 0 0;
}
#Header .NewsletterSubscriptionBox label {
  font-size: 12px;
  color: white;
}
#Header .NewsletterSubscriptionBox .DrWInput {
  width: 100px;
  font-size: 12px;
}
#Header .NewsletterSubscriptionBox .DrWIButton {
  height: 20px;
  width: 25px;
}

/***** MainPage *****/

#MainPage {
  margin: 30px auto;
  width: 970px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#MainPage .MainPageTable {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
  background: #535355 url(/images/background-mainpagetable.gif) repeat-x top;
}
#MainPage .MainPageTable td {
  vertical-align: top;
}
#Content {
  width: 593px;
  min-height: 580px;
  padding: 10px;
  margin-top: 5px;
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  background: white url(/images/content/background-content.gif) no-repeat bottom;
}
#Content.WithoutSectionMenu {
  width: 795px;
  margin-left: 5px;
  background: white url(/images/content/without-sectionmenu-background.gif) no-repeat bottom;
}
#MainContent {
  text-align: justify;
}
#Content #MainContent h1 {
  color: #BF1E2D;
  background: transparent url(/images/content/title.gif) no-repeat top left;
  height: 35px;
  line-height: 35px;
  width: 615px;
  font-size: 16px;
  font-family: Verdana;
  padding-left: 10px;
  margin: -10px 0 10px -11px;
}
#Content.WithoutSectionMenu #MainContent h1 {
  background: transparent url(/images/content/without-sectionmenu-title.gif) no-repeat top left;
  width: 817px;
}
#MainContent h2 {
  color: #2F338B;
  font-size: 14px;
  text-decoration: underline;
  margin-bottom: 5px;
}
#MainContent h3 {
  color: black;
  font-size: 14px;
  font-style: italic;
  margin-top: 20px;
}
#MainContent p {
  margin-bottom: 10px;
}
#MainContent ol,
#MainContent ul {
  margin: 0 0 10px 15px;
}
#MainContent a,
#MainPage a:active {
  color: #464646;
  text-decoration: none;
}
#MainContent a:hover {
  text-decoration: underline;
}
#MainContent a:visited {
  color: #800e19;
}
#MainContent form table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}
#MainContent .required,
#MainContent .error {
  color: red;
}
#MainContent .fieldError {
  background: #ECCAB8;
}
#MainContent .staticImage {
  float: left;
  margin: 0 10px 10px 0;
}
#MainContent .underline {
  text-decoration: underline;
}
#MainContent .centertext {
  text-align: center;
}
#MainContent .rightList {
  margin-left: 320px;
}
#MainContent .staticTable {
  margin: 10px;
  text-align: center;
}
#MainContent .staticTable .header {
  background: #565758;
  color: white;
  font-weight: bold;
  text-align: center;
}
#MainContent .staticTable tr td {
  padding: 10px 7px;
  border: 2px solid white;
}
#MainContent .staticTable .even{
  background: #dfdfdf;
}
#MainContent .staticTable .odd{
  background: #bfbfbf;
}
#MainContent .staticTable tr td ul {
  margin: 0 0 0 15px;
}
#MainContent .ProgramSearchBox {
  border: 1px solid #555555 !important;
}
#MainContent .ProgramSearchBox h2 {
  background: #555555 !important;
  text-decoration: none;
}
#MainContent .cleaner {
  clear: both;
}
#MainContent ul.staticList li {
  padding-bottom: 10px;
}

#ContactBox .SubmitButton {
  margin-left: 185px;
}

/***** MenuBar *****/

#MenuBar {
  width: 970px;
  height: 30px;
  background: transparent url(/images/menu/background-menu.gif) no-repeat;
}
#MenuBar ul li {
  list-style-type: none;
  float: left;
}
#MenuBar .separator {
  color: white;
  font-size: 14px;
  display: block;
  margin-top: 6px;
}
#MenuBar a {
  display: block;
  font-size: 14px;
  padding: 0 29px;
  color: white;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
}
#MenuBar a:hover {
  background: transparent url(/images/menu/arrow-menu.png) no-repeat 15px center; 
}
#MenuBar .selected {
  font-weight: bold;
  background: transparent url(/images/menu/arrow-menu.png) no-repeat 15px center; 
}
#MenuBar .puceEtude {
  padding-left: 18px;
  background: transparent url(/images/menu/arrow.jpg) no-repeat 0px 1px;
}
#MenuBar .puceEtude:hover {
  background: transparent url(/images/menu/arrow.jpg) no-repeat 0px -15px;
}
#MenuBar a.etude:hover,
#MenuBar a.etude.selected {
  background: none; 
}

/***** SectionMenu *****/

.SectionMenu {
  width: 205px;
  font-family: Verdana;
  font-size: 12px;
}
.SectionMenu ul {
  list-style-type: none;
}
.SectionMenu .SectionName {
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}
.SectionMenu .section {
  background: #f3f3f4;
}
.SectionMenu .section li {
  border-top: 2px solid #8f9194;
  margin: 0 20px;
}
.SectionMenu .section a {
  display: block;
  height: 30px;
  line-height: 30px;
  width: 185px;
  background: #f3f3f4;
  text-transform: uppercase;
  text-decoration: none;
  color: #231F20;
}
.SectionMenu a.important {
  background: #f3f3f4 url(/images/menu/black-arrow.png) no-repeat 10px center;
  padding-left: 23px;
  width: 182px;
}
.SectionMenu .section a:hover,
.SectionMenu .section .selected {
  color: #BF1E2D;
  font-weight: bold;
}
.SectionMenu .section a .SectionMenuArrow {
  background: transparent url(/images/menu/black-arrow.png) no-repeat right;
  padding: 0 10px;
}
.SectionMenu .section a:hover span,
.SectionMenu .section .selected span {
  background: transparent url(/images/menu/black-bottom-arrow.png) no-repeat right;
  padding: 0 10px;
}
.SectionMenu .rubric {
  padding: 0;
  margin: 0 -5px;
}
.SectionMenu .rubric li {
  border: none;
  font-size: 11px;
  list-style-type: disc;
}
.SectionMenu .rubric li a {
  width: 169px;
  height: 20px;
  line-height: 15px;
  text-transform: none;
  color: #BF1E2D;
}
.SectionMenu .rubric li a.selected,
.SectionMenu .rubric li a:hover {
  text-decoration: underline;
  font-weight: normal;
}
.SectionMenu img {
  margin-top: 8px;
}

/***** Shows  *****/

.SquareFooterShow {
  width: 350px;
  margin: 0 auto 20px auto;
}
#StickerGouv {
  margin-left: 2px;
}

/***** Footer *****/

#Footer {
  padding: 5px;
  margin-top: -5px;
  height: 43px;
  background: transparent url(/images/background-footer.gif) no-repeat;
}
#Footer .FooterLinks {
  float: left;
  color: white;
  font-size: 14px;
  background: black;
  padding: 5px;
  margin: 5px 0 0 1px;
}
#Footer .FooterLinks a {
  padding: 0 6px 0 7px;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
#Footer .FooterLinks a:hover {
  text-decoration: underline;
}
#Footer .Copyright {
  float: right;
  font-size: 10px;
  margin-top: -23px;
  color: #888888;
}
#Footer .Copyright a {
  color: #888888;
  text-decoration: none;
}
#Footer .Copyright a:hover {
  text-decoration: underline;
}

/***** Network *****/

#Network {
  clear: both;
  padding: 10px 0;
  font-size: 10px;
  color: #888888;
}
#Network .partners {
  float: left;
  padding-right: 3px;
  font-weight: bold;
}
#Network ul li {
  display: inline;
}
#Network ul li a {
  margin-right: 5px;
  color: #888888;
  text-decoration: none;
}
#Network ul li a:hover {
  text-decoration: underline;
}