@import "init.css";

/* common.css */
body        { background: #FFFFFF; }
.body_popup { background: #EEEEEE; }

/* fonts */
body      { font: 9pt/1.2em Arial; color: #000000; }
h1        { font: 11pt/1.2em Arial; color: #FFFFFF; font-weight: bold; }
h2        { font: 9pt/1.2em Arial; color: #218310; font-weight: bold; padding: 0 0 5px 0; }
#bottom, #bottom a { font: 8pt/1.4em Arial; color: #000000; text-decoration: none; }
#bottom a:hover { font: 8pt/1.4em Arial; color: #218310; text-decoration: none; }

/* common class */
.clear      { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.fright     { float: right; }

/* common colors */
.vert       { color: #218310; }
.lien       { color: #004A6D; font-weight: bold; }
.lien:hover { color: #218310; font-weight: bold; }

/* site */
#site           { width: 990px; padding: 0; margin: 0 auto;  }

#top            { width: 990px; height: 260px; font: 0pt/0em Arial; }
#fond           { width: 990px; padding: 0; margin: 0; background: url('../gif/site/fond.jpg') repeat-y top; }
#bottom         { width: 990px; height: 20px; padding: 20px 0 0 0; background: url('../gif/site/bottom.jpg') no-repeat; text-align: center; }


/* menu */
#menu                      { width: 960px; height: 30px; padding: 0 0 0 30px; margin: 0 auto; background: url('../gif/site/menu.jpg') no-repeat; }
#menu ul                   { width: 960px; }
#menu ul li                { float: left; height: 30px; position:relative; } 
#menu ul li a              { display: block; padding: 5px 20px 0 20px; font: 11pt/1.2em Arial, Verdana; text-decoration:none; color: #FFFFFF; font-weight: bold; } 
#menu ul li:hover,#menu ul li.sfhover { background: url(../gif/site/fond_menu_hover.jpg) repeat-x top; }
#menu ul li.separ          { padding: 0; margin: 0; background: url('../gif/site/menu_separ.jpg') no-repeat; width: 1px; height: 30px; font: 0pt/0em Arial; }

#menu li ul                                   { left: -999em; position: absolute; z-index: 10; padding: 0; width: 300px; }
#menu ul li:hover a,#menu ul li.sfhover a     { background: url(../gif/site/fond_menu.jpg) repeat-x top; }
#menu ul li:hover ul,#menu ul li.sfhover ul   { left: auto; top: 30px; }
#menu ul li li                                { border: 1px solid #218310; border-top: 0px; background: #40AD2C; height: 18px; width: 190px; padding: 1px 0 0 0px; }
#menu ul li li a                              { padding: 0px 0px 0 5px; }
#menu ul li li:hover, #menu ul li li.sfhover  { background: url(../gif/site/fond_menu_hover.jpg) repeat-x top; }
#menu li ul li                                { clear: both; }


#content       { width: 960px; padding: 10px 15px 0 15px; }

.separation    { width: 400px; height: 1px; padding: 5px 0 10px 0; margin: 0 auto; }
.visuel        { float: left; padding: 0 10px 10px 0; }
.schema        { float: center; padding: 5px; }
ul.puce li     { background: url('../gif/site/puce.jpg') no-repeat; padding: 0 0 5px 10px; margin-left: 20px; }

.left_form_log   { float: left; text-align: right; width: 85px; padding: 2px 10px 6px 0; }
.right_form_log  { float: left; text-align: left; padding: 0 0 6px 0; }

.left_form      { float: left; text-align: right; width: 150px; padding: 2px 10px 6px 0; }
.right_form     { float: left; text-align: left; padding: 0 0 6px 0; }

.z240            { width: 240px; float: left; padding: 0 5px; }
.z420            { width: 420px; float: left; padding: 0 5px; }
.z270            { width: 270px; float: left; padding: 0 5px; }
.z670            { width: 670px; float: left; padding: 0 5px; }
.z700            { width: 700px; float: left; padding: 0 5px; }
.z950            { width: 950px; float: left; padding: 0 5px; }

.z240_top           { width: 230px; height: 19px; background: url('../gif/site/z240_top.jpg') no-repeat; padding: 1px 0 0 10px; }
.z240_fond          { width: 220px; padding: 5px 10px; background: url('../gif/site/z240_fond.jpg') repeat-y top; }
.z240_bottom        { width: 240px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.z420_top           { width: 410px; height: 19px; background: url('../gif/site/z420_top.jpg') no-repeat; padding: 1px 0 0 10px; }
.z420_fond          { width: 400px; padding: 5px 10px; background: url('../gif/site/z420_fond.jpg') repeat-y top; }
.z420_bottom        { width: 420px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.z270_top           { width: 260px; height: 19px; background: url('../gif/site/z270_top.jpg') no-repeat; padding: 1px 0 0 10px; }
.z270_fond          { width: 250px; padding: 5px 10px; background: url('../gif/site/z270_fond.jpg') repeat-y top; }
.z270_bottom        { width: 270px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.z670_top           { width: 660px; height: 19px; background: url('../gif/site/z670_top.jpg') no-repeat; padding: 1px 0 0 10px;  }
.z670_top_less      { width: 670px; height: 5px; font: 0pt/0em Arial, Verdana, Times; }
.z670_fond          { width: 650px; padding: 5px 10px; background: url('../gif/site/z670_fond.jpg') repeat-y top; }
.z670_bottom        { width: 670px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.z700_top           { width: 690px; height: 19px; background: url('../gif/site/z700_top.jpg') no-repeat; padding: 1px 0 0 10px;  }
.z700_fond          { width: 680px; padding: 5px 10px; background: url('../gif/site/z700_fond.jpg') repeat-y top; }
.z700_bottom        { width: 700px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.z950_top           { width: 940px; height: 19px; background: url('../gif/site/z950_top.jpg') no-repeat; padding: 1px 0 0 10px;  }
.z950_fond          { width: 930px; padding: 5px 10px; background: url('../gif/site/z950_fond.jpg') repeat-y top; }
.z950_bottom        { width: 950px; height: 5px; font: 0pt/0em Arial, Verdana, Times; }

.acces_client_top    { width: 230px; height: 19px; background: url('../gif/site/acces_client_top.jpg') no-repeat; padding: 1px 0 0 10px; }
.acces_client_fond   { width: 220px; padding: 5px 10px; background: url('../gif/site/acces_client_fond.jpg') repeat-y top; }
.acces_client_bottom { width: 240px; height: 5px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }

.pub { display: inline; margin-left: 320px; }