/*********************************
 * TITLE: esylog_1              * 
 * MODIF: 2006-mai-5            *
 ********************************/


/* ##### Common Styles ##### */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 65% ; /* 73% Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

a {
  color: rgb(61,92,122);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
 color: rgb(117,144,174);
 background-color: transparent;
 text-decoration: none;
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

ul {
  list-style-type: square;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 1.5em;
  padding: 0;
}

ol li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


/* ##### Header ##### */

.superHeader {
  color: rgb(130,128,154);
  background-color: rgb(33,50,66);
  text-align: right;
  margin: 0;
  padding: 0.5ex 10px;
}

.superHeader span {
  color: rgb(221,210,190);
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.superHeader a:hover {
  color: rgb(193,102,90);
  background-color: transparent;
  text-decoration: none;
}

.midHeader {

  color: rgb(221,210,190);
  background-color: white;
  margin: 0;
  padding: 0.26ex 10px;
}

.midHeader2 {
  color: rgb(74,77,89);
  background-color: white;
  margin: 0;
  padding: 0.26ex 10px;
}


.headerTitle {
  font-size: 240%; /* 300% */
  margin: 0;
  padding: 0;
}

.headerTitle1 {
  font-size: 160%; /* 200%; */
  margin: 0;
  padding: 0;
}


.headerSubTitle {
  font-size: 121%; /* 151%; */
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}

.headerLinks {
  text-align: right;
  margin: 0;
  padding: 0 0 2ex 0;
  position: absolute;
  right: 1.5em;
  top: 3.5em;
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

.headerLinks a:hover {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: underline;
}

.subHeader {
  color: rgb(221,210,190);
  background-color: rgb(74,77,89);
  margin: 0;
  padding: 0.5ex 10px;
}

.subHeader2 {
  color: rgb(74,77,89);
  background-color: rgb(221,210,190);
  margin: 0;
  padding: 0.5ex 10px;
}

.subHeader3 {
  color: rgb(74,77,89);
  background-color: white;
  margin: 0;
  padding: 0.5ex 10px;
}


.subHeader a, .subHeader .highlight {
  color: white;
  background-color: transparent;
  font-size: 88%; /* 110%; */
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader a:hover, .subHeader .highlight {
  color: rgb(255,204,0);
  background-color: transparent;
  text-decoration: none;
}


.subHeader2 a, .subHeader .highlight {
  color: rgb(74,77,89);
  background-color: transparent;
  font-size: 88% ; /* 110%; */
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader2 a:hover, .subHeader .highlight {
  color: rgb(143,11,20);
  background-color: transparent;
  text-decoration: none;
}

.subHeader3 a, .subHeader .highlight {
  color: rgb(74,77,89);
  background-color: rgb(221,210,190);
  font-size: 88% ; /* 110%; */
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader3 a:hover, .subHeader .highlight {
  color: rgb(143,11,20);
  background-color: transparent;
  text-decoration: none;
}



.selectedinmenu {
font-size: 100%; /* 125%; */
}



/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  margin: -0.5ex 1em 1em 12.5em;
  padding: 0.5em 10px;
  clear: left;
}

#main-copy h1 {
  color: rgb(117,144,174);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif; 
  font-size: 149%; /* 186%; */
  margin: 0;
  padding: 1.5ex 0 0 0;
}

#main-copy h2 {
  color: rgb(61,92,122);
  background-color: transparent;
 font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif; 
  font-weight: normal;
  font-size: 121% ; /* 151%; */
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy h3 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 92%;/* 115%; */
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy p {
  line-height: 1.75em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}


/* ##### table classes ##### */

.tableleft {
background-color : rgb(221,210,190);
 width : 70px; /* 109px */
}

.tablebottom {
height : 150px;
font-weight : bold;
font-size: 65%;
}

.mybgcolor {
background-color : rgb(221,210,190);
}

/* ##### Standard button ##### */

.mailimage {
width: 30px;
height: 28px;
border: 0;
}


.imgw3c {
width: 88px;
height: 31px;
border: 0;
}



/* #### formulaires #### */

.formfont {
font-size : 12px;
}

.formfont1 {
font-size : 12px;
background-color: rgb(221,210,190);
}

.contract {
width : 663px;
height : 145px;
}