@charset "UTF-8";

/* ///// TAGS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

body {
margin:0px;
font-family:Helvetica,Verdana,Arial,sans-serif;
color:#999;
font-size:12px;
background-color:#fdfdfd;
}

h1 {
font-size:11px;
font-weight:bold;
}

/* ///// ID'S //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#simple {
width:400px;
margin:20px;
}

#simple a {
color:#162e7b;
text-decoration:underline;
}

#simple a:hover {
color:#999;
text-decoration:underline;
}

#simple p.copy {
font-size:9px;
}


#fond {
background-image:url(../images/bg.png);
height:760px;
width:1000px;
margin-top:20px;
margin-right:auto;
margin-left:auto;
}

#conteneur {
background-color:#fff;
height: 645px;
width: 900px;
position:relative;
top:20px;
margin-right:auto;
margin-left:auto;
padding:55px 25px 20px 25px;
}

#global {
height:598px;
width:900px;
background-repeat:no-repeat;
}

#footer {
font-size:9px;
margin-top:-3px;
}

#footer a {
color:#999;
text-decoration:underline;
}

#footer a:hover {
color:#162e7b;
}

#logo {
margin:0 0 10px 0;
}

#contenu {
z-index:10;
top:-135px;
left:258px;
width:355px;
position:relative;
padding:8px 15px 8px 15px;
color:#fff;
background-image:url(../images/transparent.png);
background-repeat:repeat;
}

#moostick {
font-size:9px;
float:right;
background:#fff;
position:relative;
top:-23px;
text-align:right;
}
#moostick ul {
list-style:none;
padding:2px 0px 2px 2px;
margin:0px;
}
#moostick a {
color:#162e7b;
text-decoration:none;
}

#moostick a:hover {
color:#162e7b;
text-decoration:underline;
}
#moostick li.error {
color:#f00;
}

#mycustomscroll a, #contenu a {
color:#ccc;
text-decoration:underline;
}

#mycustomscroll a:hover, #contenu a:hover {
color:#162e7b;
}

#liensplash a {
color:#999;
}

#liensplash a:hover {
color:#162e7b;
}

/* ///// CLASSES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.ftleft {
float:left;
}

.ftright {
float:right;
}

.titre {
font-size:13px;
font-weight:bold;
text-transform: uppercase;
}

/* ///// SCROLL /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#mycustomscroll {
z-index:10;
top:-135px;
left:258px;
width:355px;
position:relative;
padding:8px 15px 15px 15px;
height:530px;
overflow: auto;
color:#fff;
background-image:url(../images/transparent.png);
background-repeat:repeat;
text-align:justify;
}

.scrollgeneric {
line-height:1px;
font-size:1px;
position:relative;
top:0;
left:0;
}

.vscrollerbase {
width:10px;
background-image:url(../images/transp_scroll.png);
background-repeat:repeat;
}

.vscrollerbar {
width:10px;
background-color:#fff;
}

.hscrollerbase {
height:10px;
background-color:#162e7b;
}

.hscrollerbar {
height:10px;
background-color:#fff;
}

.scrollerjogbox {
width:10px;
height:10px;
top:auto;
left:auto;
bottom:0px;
right:0px;
background-color:gray;
}

/* ///// MENU ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.menu {
z-index:4;
color:#162e7b;
font-weight:bold;
font-size:8px;
margin:0;
position:relative;
top:15px;
}

.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:120px;
}

.menu li {
position:relative;
margin:0 1px 0 0;
background-color:#fff;
/*border-bottom:#ccc 1px solid;*/
}

.menu table {
position:absolute;
border-collapse:collapse;
top:0;
left:0;
z-index:6;
font-size:1em;
}

.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:15px;
line-height:15px;
width:119px;
color:#666;
text-indent:3px;
background-image:url(../images/pixel.png);
background-position:0px 14px;
background-repeat: repeat-x;
}

* html .menu a:hover {
color:#fff;
background:#ccc;
}

.menu :hover > a {
color:#fff; 
background:#ccc;
}

.menu ul li ul li {
margin:0 1px 0 0; 
}

.menu ul li ul li.vide {
width:120px;
margin-left:-1px;
height:15px;
background-color:#162e7b;
background-image:url(../images/pixel.png);
background-position:0px 14px;
background-repeat: repeat-x;
}

.menu ul li ul li.vide2 {
width:120px;
margin-left:-1px;
height:15px;
background-color:#ccc;
}

.menu ul li.page {
color:#fff;
background:#162e7b;
height:15px;
line-height:15px;
text-indent:3px;
z-index:3;
background-image:url(../images/pixel.png);
background-position:0px 14px;
background-repeat: repeat-x;
}

.menu ul li ul li.page {
color:#fff;
background:#162e7b;
height:15px;
line-height:15px;
text-indent:3px;
z-index:4;
}

.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:120px;
z-index:6;
}

#vis {
visibility:visible;
position:absolute;
top:0;
left:120px; 
}

.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
z-index:7;
}