{
margin :0;
padding :0;
}

body {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   background-image: url("/pics/fond.png");
   background-attachment: fixed;
   background-position: top center;
   color: #ffffff;
}

#content {
   width: 880px;
   text-align: left;
   margin-top: 16px;
   margin-right: auto;
   margin-bottom: 16px;
   margin-left: auto;
}

#title {
   width: 600px;
   height: 80px;
   float: left;
}

#languages {
   width: 280px;
   height: 80px;
   float: left;
   text-align: right;
}

#logo {
   float: left;
   width: 440px;
   height: 96px;
   background-image: url("/pics/back01.png" );
   background-attachment: fixed;
}

#accroche {
   float: left;
   width: 440px;
   height: 96px;
   background-image: url("/pics/back01.png" );
   background-attachment: fixed;
}

#menu {
   float: left;
   width: 880px;
   height: 32px
}


ul#navi {
   background: #eee url("/pics/navi.png") repeat-x left top;
   float: left;
   width: 880px;
   padding: 0;
   margin: 0;
   list-style-type: none;
}

ul#navi li{display:block;position:relative;float:left;list-style-type:none;padding:0 1px 0 0;margin:0;background:transparent url("/pics/nav-div.png") no-repeat right top;}
ul#navi li a{min-height:32px;display:block;font-weight:bold;font-size:115%;text-transform:uppercase;text-decoration:none;text-shadow:#fff 1px 1px 1px;text-align:center;color:#4e4e4e;padding:0 13px 0 11px;position:relative;line-height:31px;}
ul#navi li a.home span.title{background:transparent url("/pics/icons.png") no-repeat 0px -756px;padding-left:22px;}
ul#navi li.active a.home span.title,ul#navigation li.current_page_item a.home span.title{background-position:0px -710px;}
ul#navi li a:hover,ul#navigation li:hover a{background-color:#fff;}
ul#navi li.active a:hover,ul#navigation li.active:hover a{background-color:#000;}
ul#navi li a span.title{display:block;padding:0;}
ul#navi li a span.pointer{display:none;}

ul#navi li.active a span.pointer,
ul#navi li.current_page_item a span.pointer,ul#navi li.current_page_parent a span.pointer,ul#navi li.current_page_ancestor a span.pointer,
ul#navi li.current-cat a span.pointer,ul#navi li.current-cat-parent a span.pointer,ul#navi li.current-cat-ancestor a span.pointer
{position:absolute;width:100%;height:7px;bottom:-7px;left:0;display:block;background:transparent url("/pics/nav-pointer.png") no-repeat center top;}
ul#navi li.active a,
ul#navi li.current_page_item a,ul#navi li.current_page_parent a,ul#navi li.current_page_ancestor a,
ul#navi li.current-cat a,ul#navi li.current-cat-parent a,ul#navi li.current-cat-ancestor a
{background:#000 url("/pics/nav-active.png") no-repeat left top;color:#dedede;text-shadow:#000 1px 1px 1px;}
ul#navi li a span.arrow{display:none;}

/* fade on mouse out */
ul#navi li a.fadeThis{position:relative;z-index:1;}
ul#navi li a.fadeThis span.hover{position:absolute;top:0;left:0;display:block;height:100%;width:100%;background-color:#fff;z-index:-1;margin:0;padding:0;}
ul#navi li.active a.fadeThis span.hover,
ul#navi li.current_page_parent a.fadeThis span.hover,ul#navi li.current_page_ancestor a.fadeThis span.hover,
ul#navi li.current-cat-parent a.fadeThis span.hover,ul#navi li.current-cat-ancestor a.fadeThis span.hover
{background:none;}
ul#navi li.active a.fadeThis span.hover,
ul#navi li.current_page_item a.fadeThis span.hover,
ul#navi li.current-cat a.fadeThis span.hover
{background-color:transparent;}

/* submenus */
ul#navi ul li a span.pointer{display:none !important;}
ul#navi ul{list-style-type:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;position:absolute;display:none;width:250px;top:32px;left:0;margin:0;padding:4px;line-height:normal;background-color:#fff;-moz-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-webkit-box-shadow:0px 8px 14px rgba(0,0,0,0.3);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;box-shadow:0px 8px 14px rgba(0,0,0,0.3);border-bottom-right-radius:8px;border-bottom-left-radius:8px;}

ul#navi li.active ul,
ul#navi li.current_page_item ul,ul#navi li.current_page_parent ul,ul#navi li.current_page_ancestor ul,
ul#navi li.current-cat ul,ul#navi li.current-cat-parent ul,ul#navi li.current-cat-ancestor ul
{background-color:#000;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;}

ul#navi li.active li a,
ul#navi li.current_page_item li a,ul#navi li.current_page_parent li a,ul#navi li.current_page_ancestor li a,
ul#navi li.current-cat li a,ul#navi li.current-cat-parent li a,ul#navi li.current-cat-ancestor li a
{background:none;}


ul#navi ul li{float:none;margin:0;background:none;}
ul#navi ul li a span.title{padding-left:10px;}
ul#navi ul li a{min-height:1px;height:auto;padding:8px 14px 8px 8px;margin:0;text-align:left;text-transform:none;line-height:125%;}
ul#navi li.active ul a,ul#navi li.current_page_item ul a,ul#navi li.current-cat ul a{background:none;}
ul#navi ul li a:hover{background-color:#333;color:#fff;text-shadow:#333 1px 1px 1px;}
ul#navi ul li.active a,ul#navi ul li.current_page_item a,ul#navi ul li.current-cat a{color:#f8b013;}
ul#navi ul li.current_page_item li a,ul#navi ul li.current-cat li a{color:#dedede;}
ul#navi ul li a span.title{padding:0;}
ul#navi ul ul{left:250px;top:0;border-top:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#navi li:hover ul ul,ul#navi li:hover ul ul ul,ul#navi li:hover ul ul ul ul{display:none;}
ul#navi li:hover ul,ul#navi li li:hover ul,ul#navi li li li:hover ul,ul#navi li li li li:hover ul{display:block;}
ul#navi li li a span.arrow{display:block;position:absolute;right:6px;top:0;line-height:32px;}


/* fade on mouse out */
ul#navi li li a.fadeThis span.hover,ul#navi li.active li a.fadeThis span.hover,ul#navi li.current_page_item li a.fadeThis span.hover,ul#navi li.current_page_ancestor li a.fadeThis span.hover{background-color:#333;}



#colonnesegales {
   float: left;
   width: 880px;
   background-image: url("/pics/back02.png" );
   background-position: top left;
   background-repeat: repeat-y;
}

#colonnegauche {
   float: left;
   width: 620px;
   margin-right: 20px;
}

#colonnedroite {
   float: left;
   width: 240px;
   margin-top: 20px;
}

.update {
   background-image: url("/pics/os41m.png" );
}

.update1 {
   background-image: url("/pics/os41t.png" );
   background-repeat: no-repeat;
}

.update2 {
   padding-top: 4px;
   background-image: url("/pics/os41b.png" );
   background-repeat: no-repeat;
   background-position: bottom;
}

#pied {
   float: left;
   width: 880px;
   background-image: url("/pics/pied.png" );
   background-position: top left;
   background-repeat: no-repeat;
}

#pied a {
   color: #ffffff;
   text-decoration: none;
}

h1,h2,h4,h5 {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   font-family: 'Topaz New','Times New Roman',Times,Georgia,Arial;
   color: #ffffff;
}

h1 {
   font-size: 40px;
   margin-top: 16px;
   margin-right: 0px;
   margin-bottom: 16px;
   margin-left: 16px;
}

h2 {
   font-size: 24px;
   margin-top: 16px;
   margin-right: 0px;
   margin-bottom: 16px;
   margin-left: 32px;
}

h3 {
   font-size: 16px;
   margin-top: 0px;
   margin-right: 32px;
   margin-bottom: 0px;
   margin-left: 32px;
   font-family: 'Times New Roman',Times,Georgia,Arial;
   color: #000000;
}

h4 {
   font-size: 16px;
   margin-top: 0px;
   margin-right: 16px;
   margin-bottom: 0px;
   margin-left: 16px;
   font-family: 'Topaz New','Times New Roman',Times,Georgia,Arial;
   color: #ffffff;
}

h5 {
   font-size: 12px;
}