body
{
margin: 0 auto;
padding: 0;
height: 100%;
}

  #kcss-main
{
position: relative;
width: 100%;
left: 0;
top: 0;
}

form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.kcss-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1034px;
min-width:67px;
min-height:67px;
height: 100%;
}

.kcss-Sheet-body
{
position: relative;
z-index:1;
padding: 17px;
height: 100%;
}

.kcss-Sheet-tr, .kcss-Sheet-tl, .kcss-Sheet-br, .kcss-Sheet-bl, .kcss-Sheet-tc, .kcss-Sheet-bc,.kcss-Sheet-cr, .kcss-Sheet-cl
{
position:absolute;
z-index:-1;
}

.kcss-Sheet-tr, .kcss-Sheet-tl, .kcss-Sheet-br, .kcss-Sheet-bl
{
width: 110px;
height: 110px;
background-image: url('icon/css_Sheet-s.png');
}

.kcss-Sheet-tl
{
top:0;
left:0;
clip: rect(auto, 55px, 55px, auto);
}

.kcss-Sheet-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 55px, 55px);
}

.kcss-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(55px, 55px, auto, auto);
}

.kcss-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(55px, auto, auto, 55px);
}

.kcss-Sheet-tc, .kcss-Sheet-bc
{
left: 55px;
right: 55px;
height: 110px;
background-image: url('icon/css_Sheet-h.png');
}

.kcss-Sheet-tc
{
top: 0;
clip: rect(auto, auto, 55px, auto);
}

.kcss-Sheet-bc
{
bottom: 0;
clip: rect(55px, auto, auto, auto);
}

.kcss-Sheet-cr, .kcss-Sheet-cl
{
top: 55px;
bottom: 55px;
width: 110px;
background-image: url('icon/css_Sheet-v.png');
}

.kcss-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 55px);
}

.kcss-Sheet-cl
{
left:0;
clip: rect(auto, 55px, auto, auto);
}

.kcss-Sheet-cc
{
position:absolute;
z-index:-1;
top: 55px;
left: 55px;
right: 55px;
bottom: 55px;
background-image: url('icon/css_Sheet-c.png');
}

.kcss-Sheet
{
margin-top:  -10px;
}

/* end Box, Sheet */

/* begin Header */
div.kcss-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 1000px;
height: 113px;
}

div.kcss-Header-fond
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 1000px;
height: 113px;
background-color: #5B82A4;
background-repeat: no-repeat;
background-position: left top;
}

div.kcss-Header-jpeg
{
position: absolute;
z-index:-1;
width: 1000px;
height: 113px;
background-image: url('Ressource.jpg?resnum=200023&key=KDS');
background-repeat: no-repeat;
background-position: 0px 0px;
}

.kcss-Header-left
{
display : block;
position: absolute;
left: 10px;
top: 20px;
width: 490px;
}


.kcss-Header-right
{
display : block;
position: absolute;
left: 520px;
top: 30px;
width: 490px;
}

.kcss-Header-bottom
{
display : block;
position: absolute;
left: 10px;
top: 93px;
width: 1000px;
}

/* end Header */

/* begin Menu */
/* menu structure */

.kcss-menu a, .kcss-menu a:link, .kcss-menu a:visited, .kcss-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.kcss-menu, .kcss-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.kcss-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
}

.kcss-menu li:hover
{
z-index: 10000;
white-space: normal;
border: 10px;
}

.kcss-menu li li
{
float: none;
}

.kcss-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}

.kcss-menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.kcss-menu li li:hover>ul
{
top: 0;
left: 100%;
}

.kcss-menu:after, .kcss-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.kcss-menu, .kcss-menu ul
{
min-height: 0;
}

div.kcss-nav-center
{
position:relative;
float:right;
right:50%;

}

ul.kcss-menu
{
position:relative;
float:left;
left:50%;
}


/* menu structure */

.kcss-menu
{
padding: 0px 0px 0px 0px;
}

.kcss-nav
{
position: relative;
height: 24px;
z-index: 100;
}

.kcss-nav .l, .kcss-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 24px;
background-image: url('Colorscale.jpg?c1=5B82A4&c2=m&s=24');
}

.kcss-nav .l
{
left: 0;
right:0px;
}

.kcss-nav .r
{
right: 0;
width: 24px;
clip: rect(auto, auto, auto, 1000px);
}


/* end Menu */

/* begin MenuItem */
.kcss-menu ul li
{
clear: both;
}

.kcss-menu a
{
position:relative;
display: block;
overflow: hidden;
height: 24px;
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}


.kcss-menu a .r, .kcss-menu a .l
{
position:absolute;
display: block;
top:0;
z-index:-1;
height: 24px;
}

.kcss-menu a .l
{
left:0;
right:0px;
}

.kcss-menu a .r
{
width:400px;
right:0;
clip: rect(auto, auto, auto, 400px);
}

.kcss-menu a .t
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding: 0 17px;
margin: 0 0px;
line-height: 24px;
text-align: center;
}

.kcss-menu a:hover .l, .kcss-menu a:hover .r
{
background-image: url('Colorscale.jpg?c1=5B82A4&c2=mm&s=24');
}

.kcss-menu li:hover>a .l, .kcss-menu li:hover>a .r
{
background-image: url('Colorscale.jpg?c1=5B82A4&c2=mm&s=24');
}

.kcss-menu li:hover a .l, .kcss-menu li:hover a .r
{
background-image: url('Colorscale.jpg?c1=5B82A4&c2=mm&s=24');
}
.kcss-menu a:hover .t
{
color: #111111;
}

.kcss-menu li:hover a .t
{
color: #111111;
}

.kcss-menu li:hover>a .t
{
color: #111111;
}



/* end MenuItem */

/* begin MenuSeparator */
.kcss-nav .kcss-menu-separator
{
display: block;
width: 1px;
height: 24px;
background-color: #AAAAAA;
background-repeat: no-repeat;
background-position: center center;

}

/* end MenuSeparator */

/* begin MenuSubItem */
.kcss-menu ul a
{
display: block;
white-space: nowrap;
width: 220px;
overflow: hidden;
margin-right: auto;
background: #83A2BA;
border-width: 1px;
border-style: solid;
border-color: #BFD2DB;
}

.kcss-menu ul a:hover
{
background-color: #BFD2DB;
}

.kcss-nav ul.kcss-menu ul span, .kcss-nav ul.kcss-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

/* aaaaaaaaaaaaaaaaaaa */
.kcss-menu ul a, .kcss-menu ul a:link, .kcss-menu ul a:visited, .kcss-menu ul a:hover, .kcss-menu ul a:active, .kcss-nav ul.kcss-menu ul span, .kcss-nav ul.kcss-menu ul span span
{
text-align: left;
text-indent: 8px;
text-decoration: none;
line-height: 22px;
color: #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
height: auto;
}

.kcss-menu ul ul a
{
margin-left: auto;
}

.kcss-menu ul li a.boutonlien
{
background: url(icon/css_Bullet.gif) 95% 50% no-repeat;
background-color: #83A2BA;
}

.kcss-menu ul li a.boutonlien:hover
{
background: url(icon/css_Bullet.gif) 95% 50% no-repeat;
background-color: #BFD2DB;
}

.kcss-menu ul li a.boutonliennolink
{
background: url(icon/css_Bullet.gif) 95% 50% no-repeat;
background-color: #83A2BA;
color: #666666;
}

.kcss-menu ul li a.boutonliennolink:hover
{
background: url(icon/css_Bullet.gif) 95% 50% no-repeat;
background-color: #BFD2DB;
color: #666666;
}

.kcss-menu ul li a.nolink
{
color: #666666;
}



/* end MenuSubItem */

/* begin ContentLayout */
.kcss-contentLayout
{
position: relative;
margin-bottom: 5px;
width: 1000px;
height: 100%;
}
/* end ContentLayout */

/* begin Footer */
.kcss-Footer
{
z-index:0;
overflow:hidden;
width: 1000px;
margin: 5px auto 0px auto;
}
.kcss-Footer .kcss-Footer-inner
{
height:1%;
background-color: #E8E8E8;
z-index: -2;
padding: 0px;
text-align: left;
}
.kcss-Footer .kcss-Footer-background
{
z-index:-3;
width: 1000px;
height: 0px;
bottom:0;
left:0;
}

.kcss-Footer .kcss-Footer-text p
{
margin: 0;
}
.kcss-Footer .kcss-Footer-text
{
display:inline-block;
color:#131720;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

.kcss-contentLayout .kcss-sidebar1
{
position: relative;
margin: 0;
margin-top: 5px;
padding: 0;
border: 0;
float: left;
width: 175px;
height: 100%;
z-index: 5; 
}

.kcss-contentLayout .kcss-content
{
position: relative;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 635px;
}
.kcss-contentLayout .kcss-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 1000px;
}

.kcss-contentLayout .kcss-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 165px;
}

.colonnegauche {

background-image: url('Ressource.jpg?resnum=200038&key=KDS');
}

.colonnedroite {

background-image: url('Ressource.jpg?resnum=200039&key=KDS');
}

.nocolonnedroite {
}

.fondpage {
background-color: #FFFFFF;
width: 1004px;
margin-left: -2px;
}

.kcss-contentLayout li
{
float: none;
}
table.moduletable th
{
font-size: 140%;
padding: .5em 0em;
}


/* menu de gauche */
div#menu {width: 172px;}

div#menu a {color:#000000}
div#menu ul {
padding: 0; width: 172px;
border:1px solid;
border-color: #BFD2DB; margin:0px;
background: #83A2BA;}

div#menu li:hover {background: #BFD2DB}
div#menu li.sousmenu:hover {background-color: #BFD2DB;}

div#menu li.sousmenu {background: url('icon/css_Bullet.gif') 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid; border-color: #BFD2DB;}
div#menu ul ul {position: absolute; top: -1px; left: 172px; display:none; background: #83A2BA;}

div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px; width:123px;}


div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4,
div#menu ul.niveau4 li.sousmenu:hover ul.niveau5 {display:block;}

/* fin du menu de gauche */

/* menu de droite */
div#menud a {color:#000000}
div#menud {width: 160px;}
div#menud ul {padding: 0; width: 160px; border:1px solid; border-color: #BFD2DB; margin:0px; background: #83A2BA;}

div#menud li:hover {background: #BFD2DB}
div#menud ul li {position:relative; list-style: none; border-bottom:1px solid; border-color: #BFD2DB;}
div#menud li a {text-decoration: none; padding: 4px 0 4px 10px; display:block; border-left: 5px; border-color: #BFD2DB;}   

/* fin du menu de droite */