/* Elements globaux *********************************************************************************************************************************/
* { margin: 0; padding: 0; }
HTML { height:100%; }
BODY { height:95%;  font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 12px; color: #868772; margin: 20px 0 0 0; }

#global { position: relative; width: 890px; left: 50%; margin-left: -445px; margin-bottom:30px; padding-bottom:76px; height: 100px; background:url(../pics/bg-article.jpg) bottom center no-repeat; }
HTML>BODY>#global { min-height:100px; height:auto; }

.menu { list-style: none; height: 95px; margin: 0 20px 0 40px; padding: 45px 0 0 250px; background: #fff url(../pics/logo.jpg) top left no-repeat;  }
.menu LI { float: left; margin: 0 35px 0 0; font-weight: bold; padding: 45px 0 0 0; text-transform: uppercase; font-size: 11px;  }
.bt1 { background: #FFF url(../pics/bt1.jpg) top center no-repeat; }
.bt2 { background: #FFF url(../pics/bt2.jpg) top center no-repeat; }
.bt3 { background: #FFF url(../pics/bt3.jpg) top center no-repeat; }
.bt4 { background: #FFF url(../pics/bt4.jpg) top center no-repeat; }
.bt5 { background: #FFF url(../pics/bt5.jpg) top center no-repeat; }
.menu.phone { display:none; }


#main { background: url(../pics/bg-body.jpg) top center repeat-y; }
#article { clear: both;  padding: 60px 150px 10px 80px; height: 585px; background:url(../pics/bg-global.jpg) top left no-repeat; }
HTML>BODY>#global>#main>#article { min-height:100%; height:auto; }

H1  { font-size: 17px; margin-bottom: 20px; color: #42423B; }
H2  { font-size: 14px; margin: 20px 0 5px 0; color: #42423B; }
H3  { font-size: 17px; margin: 0 0 10px 0; }
P   { font-size: 12px; margin: 0 0 15px 0; text-align:justify; line-height: 18px; }
UL  { font-size: 12px; margin: 0 0 10px 30px; list-style: disc; line-height: 18px; }
OL  { font-size: 12px; margin: 0 0 10px 30px; line-height: 18px; }
IMG { border:none;  }
A   { text-decoration: none; color:#868772; }
A:hover { text-decoration: underline; color:#42423B; }