/*
   Design
*/

html, body {
 margin:0;
 padding:0;
 height: 100%;
 width: 100%;
}
body {
 background-color: #010101;
}
#myfond {
 background-image:url(../images/wfond.jpg);
 background-repeat: repeat-x;
 background-position: top center;
 background-attachment: fixed;
}
#global {
 width: 1000px;
 margin: 0 auto;
}
#header img {
  vertical-align: bottom;
}
#contents {
 background: url(../images/wcontent-middle.png) repeat-y top left;
 font-size : 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mypage {
 line-height: 1.4;
}
.menustyle {
 width: 1000px;
 padding: 2px 0 2px 0;
}
.menustyle li {
 display: inline-block;
 float: left;
 border: 1px solid #817567;
 height: 25px;
 line-height: 25px;
 text-align: center;
 margin-right: 1px;
 width: 188px;
}
.menustyle li a {
 display: block;
 background: url(../images/wbg-bouton.jpg) repeat-x top left;
 color: #e1e6fa;
 text-decoration: none;
 font-weight: bold;
 font-family: Verdana, Tahoma;
 font-size: 13px;
}
.menustyle li a:hover {
background-position: -188px 0;
color: #333333;
}
.menustyle li a:active {
background-position: -376px 0;
}
.menustyle li .active {
background-position: -376px 0;
}
#copyright {
margin: 0 auto;
text-align: center;
font-family:  Verdana, Arial;
font-size: 8pt;
color: #CCCCCC;
}
a:active.copyright, a:link.copyright, a:visited.copyright {
  color: #FFFFCC;
}
a:hover.copyright {
  color: #c0c0c0;
}
.idleField, input, textarea, select {
 font-size : 8pt;
 font-family : Verdana, Tahoma, Arial, Helvetica;
 color : #000066;
 background-color: #E5E5E5;
}
.focusField, input:focus, textarea:focus {
 border:solid 2px #910005;
 background-color: #FFFDE6;
}
label {
 font-weight: bold;
 color : #333333;
}

/*
   Elements, Pages
*/

.thorraire {
  font-size : 8pt;
  font-family:  Verdana, Arial;
  color: #808080;
}
.promolist {
 width: 880px;
 text-align: center;
 font-size: 10px;
 font-family: Verdana, Tahoma;
 vertical-align: middle;
}
.promolist ul {
 padding-left: 55px;
 vertical-align: middle;
}
.promolist li {
 display: inline-block;
 float: left;
 border: 1px solid #c0c0c0;
 height: 210px;
 width: 260px;
 margin-right: 20px;
 margin-top: 20px;
 vertical-align: middle;
}
.promolist li a {
 display: block;
 color: #035c94;
 text-decoration: none;
 font-weight: bold;
 font-size: 10px;
 vertical-align: middle;
}
.marquelist img {
  margin: 30px 30px 30px 30px;
}

/*
   Textes
*/

p {
line-height: 1.4;
}

a {
text-decoration: none;
}
a:active           { color: #003366; }
a:link, a:visited  { color: #006699; }
a:hover            { color: #FF0000; }

h2 {
 font-size : 14pt;
 font-family : Verdana, Arial;
 color: #B8151A;
 font-weight: bold;
}
h3 {
 font-size : 11pt;
 font-family : Verdana, Arial;
 color: #800000;
 font-weight: bold;
}