* { 
margin: 0; padding: 0; line-height: inherit; 
font-family: Verdana; font-size: 11px; color: #000;}

BODY { 
  height: 100%;
  text-align: center; background: #FDFDFD url("img/body.png") no-repeat center bottom;
  padding-bottom: 200px;
}
IMG { border: 0; }
UL { list-style-position: inside; }

#top { 
  width: 817px; margin: 58px auto 0px auto; text-align: left;
  position: relative;
  background: transparent url("img/top.png") no-repeat left top;
}

/* ---------------------------- Header begin -------------------------------- */
#block-header { position: relative; width: 344px; height: 117px; top: 3px; left: 0px; overflow: hidden; }
#block-header SPAN { 
  position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0;
  background: transparent url("img/logo.png") no-repeat left top;
}
H1#company-name A { font-size: 20px; color: #FF5A00; margin-bottom: 10px; width: 300px; padding: 5px; }
P#slogan { font-size: 15px; width: 300px; padding: 5px; }
P#lang-china { position: absolute; top: -28px; right: 16px;}
/* ---------------------------- Header end ---------------------------------- */
/* ---------------------------- Menu begin ------------------------------- */
#block-menu1 { list-style-type: none; position: absolute; top: 22px; right: 48px; background-color: #F2EDE1; width: 419px; }
#block-menu1 LI {
  padding-left: 0;
  float: left; width: 101px; height: 98px; margin-left: 5px; margin-bottom: 0;
  background: transparent none no-repeat left top; overflow: hidden;
}
#block-menu1 LI.first-child { margin-left: 0;}
#block-menu1 LI.current A SPAN { background-position: left top!important;}
#block-menu1 LI#li-accueil { background-image: url("img/block-menu1/li-accueil.png"); }
#block-menu1 LI#li-nos-points-forts { background-image: url("img/block-menu1/li-nos-points-forts.png"); }
#block-menu1 LI#li-references { background-image: url("img/block-menu1/li-references.png"); }
#block-menu1 LI#li-contact { background-image: url("img/block-menu1/li-contact.png"); }
#block-menu1 LI A { display: block; width: 100%; height: 100%; position: relative; cursor: pointer; }
#block-menu1 LI A SPAN { 
  position: absolute; display: block; width: 100%; height: 100%;
  background: transparent none no-repeat left bottom;
}
#block-menu1 LI A:hover { border: 0px solid transparent; } /* without it bg for span does not work in IE6 */
#block-menu1 LI A:hover SPAN { background-position: left top; }
#block-menu1 LI#li-accueil A SPAN { background-image: url("img/block-menu1/li-accueil-a-span.png"); }
#block-menu1 LI#li-nos-points-forts A SPAN { background-image: url("img/block-menu1/li-nos-points-forts-a-span.png"); }
#block-menu1 LI#li-references A SPAN { background-image: url("img/block-menu1/li-references-a-span.png"); }
#block-menu1 LI#li-contact A SPAN { background-image: url("img/block-menu1/li-contact-a-span.png"); }


#block-menu2 { position: absolute; top: 129px; left: 1px; width: 816px; list-style-type: none; }
#block-menu2 LI {
  float: left; height: 51px; padding-left: 0; margin-bottom: 0;
  background: transparent none no-repeat left top; overflow: hidden;
}
#block-menu2 LI.first-child { }
#block-menu2 LI.current A SPAN { background-position: left bottom!important;}
#block-menu2 LI#li-1 { width: 126px; background-image: url("img/block-menu2/li-1.png"); }
#block-menu2 LI#li-2 { width: 124px; background-image: url("img/block-menu2/li-2.png"); }
#block-menu2 LI#li-3 { width: 86px; background-image: url("img/block-menu2/li-3.png"); }
#block-menu2 LI#li-4 { width: 120px; background-image: url("img/block-menu2/li-4.png"); }
#block-menu2 LI#li-5 { width: 108px; background-image: url("img/block-menu2/li-5.png"); }
#block-menu2 LI#li-6 { width: 84px; background-image: url("img/block-menu2/li-6.png"); }
#block-menu2 LI#li-7 { width: 159px; background-image: url("img/block-menu2/li-7.png"); }
#block-menu2 LI A { display: block; width: 100%; height: 100%; position: relative; cursor: pointer; }
#block-menu2 LI A SPAN { 
  position: absolute; display: block; width: 100%; height: 100%;
  background: transparent none no-repeat left top;
}
#block-menu2 LI A:hover { border: 0px solid transparent; } /* without it bg for span does not work in IE6 */
#block-menu2 LI A:hover SPAN { background-position: left bottom; }
#block-menu2 LI#li-1 A SPAN { background-image: url("img/block-menu2/li-1-a-span.png"); }
#block-menu2 LI#li-2 A SPAN { background-image: url("img/block-menu2/li-2-a-span.png"); }
#block-menu2 LI#li-3 A SPAN { background-image: url("img/block-menu2/li-3-a-span.png"); }
#block-menu2 LI#li-4 A SPAN { background-image: url("img/block-menu2/li-4-a-span.png"); }
#block-menu2 LI#li-5 A SPAN { background-image: url("img/block-menu2/li-5-a-span.png"); }
#block-menu2 LI#li-6 A SPAN { background-image: url("img/block-menu2/li-6-a-span.png"); }
#block-menu2 LI#li-7 A SPAN { background-image: url("img/block-menu2/li-7-a-span.png"); }

/* ---------------------------- Menu end --------------------------------- */
/* ---------------------------- Footer begin -------------------------------- */
#block-footer { 
  padding-top: 20px; background: transparent url("img/footer.png") no-repeat left top;
  width: 817px; text-align: right;
  color: #32211A; position: absolute; left: 0; bottom: -32px;
}
#block-footer A { text-decoration: none; color: #32211A; padding-right: 10px; }
/* ---------------------------- Footer end ---------------------------------- */

/* ---------------------------- Content begin ------------------------------- */
#block-content {
  margin-top:63px;
  padding: 15px; min-height: 285px; _height:285px;
  background: transparent url("img/content.png") no-repeat 95% 5%;
  zoom:1;
}
DIV[id=block-content] { height: auto!important; overflow:hidden;}
#block-content #block-content-left { float: left; width: 230px; margin-right: 15px;  overflow: hidden; }
#block-content #block-content-right { float: left; width: 542px; overflow: hidden; }

#block-content H1, #block-content H2 { font-size: 12px; font-weight: bold; color: #FF5A00; margin-bottom: 10px; text-transform: uppercase; }
#block-content H3 { font-size: 16px; font-weight: normal; color: #7C7C7C; margin-bottom: 10px; }
#block-content A:hover, #block-content #block-content-left A:hover { color: #FF5A00; }
#block-content A.www { color: #FF5A00; text-decoration: underline; font-weight: bold; }
#block-content A.email { color: #000; text-decoration: underline; }
#block-content P { margin-bottom: 10px; text-align: justify; }
#block-content P.but { text-align: left; }
#block-content UL.ul-pages-list { list-style-type: none; width: 230px; zoom: 1; overflow: hidden; }
#block-content UL.ul-pages-list LI { width: 230px;
  color: #303030; font-size: 12px; font-weight: bold; padding: 4px 0;
  text-transform: uppercase; float: left; margin-bottom: 0;
}
#block-content UL.ul-pages-list LI A {
  color: #303030;  font-size: 12px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#block-content UL.ul-pages-list LI.current { background: transparent url("img/ul-pages-list.png") no-repeat right center; }

#block-content #tendance-actuelle-top { 
  width: 229px; padding-top: 42px;
  background: transparent url("img/tendance-actuelle-top.png") no-repeat left top;
}
#block-content #tendance-actuelle-inner { 
  color: #000; padding: 0 8px 5px 3px;
  background: transparent url("img/tendance-actuelle-inner.png") repeat-y left top;  
}
#block-content #tendance-actuelle-inner A { text-decoration: none; }
#block-content #tendance-actuelle-inner SPAN { padding: 3px; display: block; }
#block-content #tendance-actuelle-inner A:hover SPAN { color: #FF5A00; }
#block-content #tendance-actuelle-bottom { 
  width: 229px; height: 12px; overflow: hidden; display: block;
  background: transparent url("img/tendance-actuelle-bottom.png") no-repeat left top;
}

LI { margin-bottom: 7px; }

FORM LABEL { margin-bottom: 5px; display: block; font-size: 1px; }
FORM LABEL SPAN.caption { display: block; color: #4E4E4E; }
INPUT.in { border: 1px solid #9E9E9E; color: #333; padding: 2px; }
INPUT.in-req { border: 1px solid #9E9E9E; color: #333; padding: 2px; }
INPUT.but { border: 1px solid #666; color: #333; padding: 2px; }

TABLE.table-form { border-collapse: collapse; width: 100%; }
TABLE.table-form TD { padding: 5px; }
TABLE.table-form TH { padding: 5px; text-align: right; }

.center { text-align: center!important; }
.left { text-align: left!important; }
.italic { font-style: italic!important; }
.underline { text-decoration: underline!important; }
.bold { font-weight: bold!important; }
.normal { font-weight: normal!important; }
.no-padding { padding: 0!important; }
.important { color: #FF5A00!important; font-weight: bold!important; }
.big { color: #303030!important; font-weight: bold!important; font-size: 12px!important; text-transform: uppercase;}
.comment { color: #666!important; font-weight: bold!important; }
.name { color: #FF5A00!important; font-weight: normal!important; }
.error { color: crimson!important; font-weight: bold!important; }
DIV.error { padding: 5px 0; }

.img-gauche { margin: 0 4px 0 0; float: left; }
.img-droite { margin: 0 0 0 4px; float: right; }

.width50  { width: 50px!important; }
.width100 { width: 100px!important; }
.width125 { width: 125px!important; }
.width150 { width: 150px!important; }
.width200 { width: 200px!important; }
.width250 { width: 250px!important; }
.width300 { width: 300px!important; }
.width350 { width: 350px!important; }
.width400 { width: 400px!important; }
.width450 { width: 450px!important; }
.width500 { width: 500px!important; }
/* ---------------------------- Content end --------------------------------- */
/* ---------------------------- Single pages styles begin ------------------- */
#page-users-login_form TABLE.table-form { margin-bottom: 175px; }
/* ---------------------------- Single pages styles end --------------------- */---- */