body ,html { text-align:left;width:100%;height:100%;margin:0;padding:0;color:White; background-color:#49464B} em { font-style:italic;} b, strong {font-weight:bold;} a {cursor:pointer;text-decoration:none;outline:expression(hideFocus='true'); outline:0;-moz-outline:0;} a:hover * {cursor:pointer;} a:focus { outline-style: none;}
a:hover, #subnav a {text-decoration:none;}

#container { width: 100%; height: 100%; display: table; background-color:rgb(73,70,75); }
#position { display: table-cell; vertical-align: middle; text-align: center; }
#content {width: 735px; height:600px; margin:0 auto;}
#main { position:relative; width:100%; height:492px;}
#back { background-color:rgb(0,0,0); width:100%; height:100%;}
#image {background-color:rgb(0,0,0); width:100%; height:100%; overflow:hidden}
#text{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;}
#backText { visibility:visible; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-image:url(/assets/back1.png);background-repeat:repeat-x; background-position:top left;}
#backText2 { visibility:visible; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-image:url(/assets/back2.png);background-repeat:repeat-y; background-position:top left;}
#frontText{ visibility:visible; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;text-align:left; }
#frontLogo { position:absolute; left:0; top:0; z-index:3; }
#logoImg{ margin:15px 20px 0 20px; display:block; width:207px; height:50px; background-image:url(/assets/logo.png); }
#OverLay { position:absolute; left:0; top:0; width:0; height:100%;}
#nav {height:100px; position:relative; margin:0}
#nav ul { padding:5px 0 0 35px; text-align:left;}
#nav ul li { padding-right:7px;display:block; float:left; position:relative;}
/*#nav ul li#presentation { padding-right:2px;}*/
#nav ul li a {  font-size:93%;}
#nav ul li a , #nav ul li.active ul li a{ color:#8B8B8F;}
#nav ul li a span.pos, #nav ul li.active a span.titleactive { display:inline;}
#nav ul li.active a span.pos, #nav ul li a span.titleactive { display:none;}
#nav ul li a:hover, #nav ul li.active a, #nav ul li.menuactive ul li.active a, #nav ul li.menuactive ul li a:hover { color:White}
#nav ul.j ul.submenu { display:none; }
#nav ul.j li.active ul.submenu, #nav ul.j li.menuactive ul.submenu  { display:block; }
#nav ul.submenu { padding:0; position:absolute;  }
#nav ul.submenu li{ display:block; clear:both; float:none; padding-right:0;}

#nav li ul.images { padding:5px 0 0; display:none;}
#nav ul.images  li{ padding-right:5px;}
#nav li.active ul.images { display:block;}
#nav ul.images a{ display:block; float:left; width:9px; height:9px; background-color:#8B8B8F;}

#nav li ul.page, #nav li.active ul li ul.page { padding:5px 0; display:none;}
#nav ul.page li{ padding-right:5px;}
#nav li.active ul.page, #nav li.active ul li.active ul.page { display:block;}
#nav ul.page a, #nav ul li ul.page a { display:block; float:left; width:9px; height:9px; background-color:#8B8B8F;}
#nav ul.submenu ul.page li {float:left; clear:none;}

#content .c0 li.active a.c0, 
#content .c1 li.active a.c1,
#content .c2 li.active a.c2,
#content .c3 li.active a.c3,
#content .c4 li.active a.c4,
#content .c5 li.active a.c5,
#content .c6 li.active a.c6,
#content .c7 li.active a.c7 {background-color:White;}

#contentText {margin:100px 0 0 20px; font-size:85%;}
#contentTextAccueil {margin:230px 0 0 285px; font-size:85%;}

#contentText a, .colTopRight a, #contentTextAccueil a {color:White;}
#contentText a:hover, .colTopRight a:hover, #contentTextAccueil a:hover {text-decoration:underline;}
.clearer { width:1px; height:1px; clear:both; float:none;}
#nav ul li.clearer, #nav ul.submenu ul.page li.clearer {  clear:both; float:none;}

#logoImg { float:left;}
#frontLogo { float:none; clear:both;}
.colTopRight { float:left; width:170px; font-size:85%; margin:46px  0 0 20px; color:white; text-align:left;}
img.navloader { position: absolute; right:0; top:5px; display:block; visibility:hidden}

.tip { background-color:#8B8B8F; font-size:10px; padding:3px;}

.col1, .col2, .col3 { width:200px; float:left;}

.prevnextpages { bottom:20px; position:absolute; left:20px;font-size:85%; display:none;}
.inactPage, .inactPage:hover {text-decoration:line-through;}
.loginTable tr td input#userInput, .loginTable tr td input#passwordInput {
border:0;
width:200px;
}
.loginTable tr td input 
{
    border:1px solid black;
}
.loginTable tr td
{
    padding-bottom:10px;
}
#submitButton {}