/* HTML Pages*/
html, body {
width: 100%;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/* scrollbar-arrow-color: #CCC;
scrollbar-3dlight-color: #ECECEC;
scrollbar-highlight-color: #ECECEC;
scrollbar-face-color: #FFF;
scrollbar-shadow-color: #ECECEC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #FFF;
*/
overflow: hidden;
}
body {
background: url(defaut/fd_body.jpg) #ECECEC repeat-X;
}
ul {
margin: 0;
padding: 5px 0 5px 20px;
}
/* Global */
.A09 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px; }
.A10 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; }
.A10G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold; }
.A12 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; }
.A12G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; }
.A14 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; }
.A14G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; }
.A16 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px; }
.A16G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; }
.A18 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px; }
.A18G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; }
.A20 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px; }
.A20G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:20px; font-weight:bold; }
.A22 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:22px; }
.A22G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:22px; font-weight:bold; }
.A24 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:24px; }
.A24G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:24px; font-weight:bold; }
.A26 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:26px; }
.A26G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:26px; font-weight:bold; }
.A28 { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:28px; }
.A28G { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:28px; font-weight:bold; }
.gris, a.gris:visited, a.gris:link { color:#666666; text-decoration:none }
a.gris:hover { color:#666666; text-decoration:underline }
.noir, a.noir:link, a.noir:visited { color:#000000; text-decoration:none }
a.noir:hover { color:#000000; text-decoration:underline }
.blanc, .blanc:visited, .blanc:link {color:#FFF}
a.blanc:hover { color:#FFF; text-decoration:underline }
.bleu, a.bleu:visited, a.bleu:link { color:#005eae; text-decoration:none }
a.bleu:hover { color:#005eae; text-decoration:underline }
.vert, .vert:hover, .vert:visited, .vert:link {color:#009900}
a.vert:hover { color:#009900; text-decoration:underline }
.rouge, .rouge:link, .rouge:visited, .rouge:hover {color:#CC3333}
a.rouge:hover { color:#CC3333; text-decoration:underline }
.orange, .orange:link, .orange:visited, .orange:hover {color:#FF6600}
a.orange:hover { color:#FF6600; text-decoration:underline }
.jaune, .jaune:link, .jaune:visited, .jaune:hover {color:#ffd52b}
a.jaune:hover { color:#ffd52b; text-decoration:underline }
.bulle {
position: absolute;
width: 160px;
height: 80px;
background: url(defaut/fd_bulle.png) no-repeat;
}
.cadre_gris_blanc {
border-top:#ECECEC solid 1px;
border-left:#ECECEC solid 1px;
border-right:#999999 solid 1px;
border-bottom:#999999 solid 1px;
background: url(/images/bg_titre_gris_blanc.jpg) #ECECEC repeat-X;
}
/* DIV */
#CONTENEUR {
position: absolute;
top: 0px;
left:50%;
width: 950px;
min-height: 500px;
margin: 0 0 0 -475px;
border: 0px solid #ECECEC;
background: url(defaut/fd_site.jpg) #FFF no-repeat;
}
#ENTETE {
position: absolute;
top: 0px;
left:50%;
width: 950px;
height: 120px;
margin: 0 0 0 -475px;
background: url(defaut/fd_entete.png) no-repeat;
z-index: 10;
}
#BANDEAU {
position: absolute;
top: 65px;
left:50%;
width: 910px;
height: 120px;
margin: 0 0 0 -460px;
z-index: 5;
}
#PRINCIPAL {
position: absolute;
top: 220px;
left:50%;
width: 948px;
height:750px;
margin: 0 0 0 -475px;
overflow-X: hidden;
overflow-Y: auto;
}
#MENU1 {
position: absolute;
top: 20px;
left: 50%;
width: 340px;
height: 30px;
margin: 0 0 0 -165px;
z-index: 10;
}
.MENU1_BT {
width: 112px;
height: 24px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 0 0 0;
float: left;
padding-top: 6px;
cursor: pointer;
}
.MENU1_BT:hover {
background: url(defaut/fd_menu1_btup.png) no-repeat;
}
#MENU2 {
position: absolute;
top: 189px;
left: 50%;
width: 946px;
height: 30px;
margin: 0 0 0 -474px;
padding-left: 2px;
z-index: 10;
}
.MENU2_BT {
width: 189px;
height: 30px;
float: left;
text-align: center;
vertical-align: middle;
color: #000;
background: url(defaut/bt_menu2_190x30.png) no-repeat;
}
.MENU_2_FD{
width: 100%;
height: 30px;
color: #000;
background: url(defaut/bt_menu2_190x30_selected.png) repeat-x;
}
#PIED {
position: absolute;
width: 950px;
height: 50px;
left: 50%;
margin: 0 0 0 -475px;
bottom: 0px;
background: url(defaut/fd_footer.jpg) #ECECEC no-repeat;
}
#NAVIGATEUR {
position: absolute;
z-index:20;
width: 400px;
height: 40px;
bottom: 10px;
left:50%;
margin-left:-460px;
padding: 5px;
background:#C00;
border:1px solid #000;
color:#FFF;
}
#COPYRIGHT{
position: absolute;
z-index:-1;
width: 950px;
height: 1px;
left: 50%;
margin: 50px 0 0 -475px;
bottom: 0px;
background: #;
}
#CACHE {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
filter: alpha(opacity=60);
opacity: 0.6;
z-index: 20;
}
#FENETRE {
position: absolute;
top: 20px;
left: 50%;
width: 700px;
height: 500px;
margin: 0 0 0 -350px;
background-color: #FFFFFF;
z-index: 30;
}
#CONTACT_AIDE {
background:url(defaut/fd_contact_aide.jpg) repeat-x #ECECEC;
border: 1px solid #ECECEC;
}
#LANGS {
position: absolute;
z-index: 10;
top: 50px;
left: 6px;
}
/* BOUTONS */
.BT_100x20 {
width:100px;
height:20px;
border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
cursor: pointer;
}
.BT_150x30 {
width: 150px;
height: 30px;
background: url(defaut/bt_150x30.png) no-repeat 0px 0px;
color: #FFF;
text-align:center;
cursor: pointer;
}
.BT_150x30:hover {
background-position: 0px -30px;
}