@import "init.css";
@import "menu.css";
@import "validation.css";

/* tag */
body                { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #555555; }
body b              { color: #333333; }

h1                  { font: 14pt/1.0em Arial,Verdana,sans-serif; color: #2973b7; font-weight: bold; }
h2                  { font: 13pt/1.2em Arial,Verdana,sans-serif; color: #2973b7; font-weight: bold; }
h3                  { font: 12pt/1.2em Tahoma, Arial, Sans-serif; color: #6a6a6a; font-weight: normal; }
h4                  { font: 12pt/1.5em Arial,Verdana,sans-serif; color: #888888; font-weight: bold; border:1px solid #cecece; border-top: 0; border-right: 0; border-left: 0; margin-bottom:10px; width:97%; }
h5                  { font: 10.5pt/1.3em Tahoma,Verdana,sans-serif; color: #2973b7; background: url('../media/site/h5.png') 0px 3px no-repeat; padding-left: 20px;  }

table               { border-collapse: collapse; }
table td            { vertical-align: top; }
address             { padding: 10px 0 10px 30px; }

.clear              { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.spacer10           { height: 10px; font: 0pt/0em Arial; }
.spacer3            { height: 3px; font: 0pt/0em Arial; }
.spacer5            { height: 5px; font: 0pt/0em Arial; }
.fleft              { float: left; }
.fright             { float: right; }

.top-menu,
.top-menu a         { font: 8pt/1.4em Tahoma, Arial, Sans-serif; color: #2973b7; text-decoration: none; font-weight: bold; }
.top-menu a:hover   { color: #767676; }

a.lien              { color: #2973b7; text-decoration: none; font-weight: bold; background: url('../media/site/puce.jpg') 0px 4px no-repeat; padding-left: 13px; }
a.lien:hover        {  }
a                   { color: #2973b7; font-weight: bold; }
/* Structure */
#site               { width: 980px; margin: 0 auto; padding: 10px; }
#top-left           { float: left; width: 435px; height: 120px; padding: 0 0 0 25px; }
#top-right          { float: left; width: 520px; height: 120px; text-align: right; }
#content            { width: 980px; }
#bottom             { width: 980px; height: 25px; padding-top: 15px; background: url('../media/site/bottom.jpg') no-repeat; text-align: right; }
#bottom             { font: 8pt/1.2em Arial, Verdana, Sans-serif; font-weight: normal; color: #6a6a6a; text-decoration: none; }
#bottom a           { font: 8pt/1.2em Arial, Verdana, Sans-serif; font-weight: normal; color: #6a6a6a; text-decoration: none; }
#bottom a:hover     { color: #2973b7; }

/* Home */
#presentation       { width: 485px; height: 265px; padding: 15px 15px 0 480px; background: url('../media/home/presentation.jpg') no-repeat; text-align: right; }
#highlights         { width: 980px; height: 257px; background: url('../media/home/highlights.jpg') no-repeat; margin-top: 10px; }
#highlights_left    { float: left; width: 103px; padding: 10px 0 0 14px; }
#highlights_center  { float: left; width: 408px; padding: 10px 10px 0 12px; }
#highlights_right   { float: left; width: 408px; padding: 10px 10px 0 12px; }
.highlights_img     { float: left; width: 97px; padding: 10px 0 0 0; }
.highlights_txt     { float: left; width: 301px; padding: 10px 0 0 10px; }

/* Page */
#left-menu          { height: 300px; }
#left-site          { width: 238px; border: 1px solid #ebebeb; height: 100%; background: url('../media/site/td-left.jpg') repeat-x #ededed;}
.left-site-titre    { padding: 10px 0 0 12px; }
#right-site         { width: 725px; padding: 0 0 0 15px; }
.right-site-left    { float: left; width: 330px; border-right: 1px solid #cecece; padding-right: 15px; text-align:justify;  }
.right-site-right   { float: left; width: 330px; padding-left: 15px; text-align:justify;  }
.align-left         { text-align:left;  }
#right-site ul      { padding-left: 10px; }
#right-site li      { text-align:left;  background: url('../media/site/li.png') 0px 6px no-repeat; padding: 1px 0 1px 14px; }

/* gradient */
.style              { display: none; }
.gradient           { width: 100px; }

/* Site-map */
#sitemap ul         { padding: 0; }

.img-left           { float:left; padding: 0 10px 0 0; }
.img-right          { float:right; padding: 0 0 0 10px ; }
.img                { border:  1px solid #ebebeb; }

.reference          { font: 12pt/1.3em Tahoma,Verdana,sans-serif; background: #2973b7; color: white; padding: 2px 0 2px 10px; border: 1px solid #CCC; cursor: pointer;  }
.reference-detail, 
.reference-detail-img   { border-bottom: 1px solid #CCC; padding:10px; border-top:0px;   background: url('../media/site/bk-ref.jpg') repeat-y; }
.ref-l              { float:left; width:180px; text-align:right; }
.ref-r              { float:left; padding-left: 5px; color: #333; width: 480px;  } 
.reference-detail-img  .ref-r   { width: 300px;  } 

.form-left         { float:left; width:180px; text-align:right; padding: 0 0 10px 0; }
.form-right        { float:left;  padding: 0 0 10px 5px;   }