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


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

body {
 background-color: rgb(74,77,89);
 font-family:  verdana, helvetica, arial,sans-serif;
 font-size: 12px ; /* 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[target=_blank] {
 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 {
  color: rgb(74,77,89);
  background-color: transparent;
  background-color: white;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 240%; /* 300% */
  margin: 0;
  padding: 0;
}

.headerTitleClear {
  color: rgb(221,210,190);
  background-color: transparent;
  font-family: verdana, helvetica, arial, sans-serif;
  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%; */
}

/* ##### Mountain ##### */

.entetemountain {
   width: 700px;
   height: 143px;
   border: 0;
   vspace:0;
   border:0;
   margin-top:0;
   margin-bottom:-4px;
}

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

#main-copy {
  background-color: white; 
  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: verdana, helvetica, arial, sans-serif;
/*  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-family: 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: 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);
margin-left:auto;
margin-right:auto;
text-align:center;
font-family: verdana, helvetica, arial, sans-serif;
width : 70px; /* 109px */
}


.tablemain {
background-color : white;
margin-left:auto;
margin-right:auto;
width: 700px;
}
.tablemain0 {
background-color : rgb(74,77,89);
width: 0;
}


.tablemain630 {
width: 630px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color : white;
}

.table410 {
background-color : white;
width: 410px;
}


.tablebottom {
font-family: verdana, helvetica, arial, sans-serif;
height : 150px;
font-weight : bold;
font-size: 65%;
}

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

.table340 {
background-color : white;
margin-left:auto;
margin-right:auto;
text-align=center;
width: 340px;
}

.w3ctable {
background-color : rgb(74,77,89);
margin-left:auto;
margin-right:auto;
width: 700px;
}


.table435 {
background-color : white;
width: 435px;
}

.td50 {
background-color : white;
width: 50px;
}

.td80 {
background-color : white;
width: 50px;
}

.td430 {
background-color : white;
width: 430px;
}

.td460 {
background-color : white;
width: 460px;
}

.td100 {
background-color : white;
width: 100px;
}

.table411 {
background-color : white;
width: 411px;
}


.table110 {
width: 110px;
}

.table180 {
width: 180px;
}


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

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

.divaltologo{
width: 174px;
height: 80px;
border: 0;
}


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

.imglogo {
width: 70px;
height: 108px;
align:center;
border: 0;
}

.whitetext{
background-color: transparent;
color: rgb(221,210,190);
font-family:  verdana, helvetica, arial,sans-serif;
font-size: 12px ; 
margin: 0;
padding: 0;
width: 10px;
}





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

.formfont {
font-size : 12px;
}

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

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



