html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**======================================================
    General
=========================================================*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing:0.2px;
background-image:url('/img/body_bg.png');
margin: 0;
padding: 0;
}
a:link{color: #000;text-decoration: underline;}
a:visited{color: #000;text-decoration: underline;}
a:hover{color: #000;text-decoration: none;}
a:focus{color: #000;text-decoration: underline;}
em{font-style: italic;}
p{text-align: justify;line-height: 15px;}
strong{font-weight: bold; font-family: Verdana; }
/**======================================================
    Layout.

header + menu bar. En dessous 3 colonnes de largeur fixe,
flottantes.

=========================================================*/
#container {
width:980px;
margin-left:auto;
margin-right:auto;
margin-top:3px;
position: relative;
top: 0;
left: 0;
background:transparent;
}


#bouton_home{
position:absolute;
top:168px;
left:0px;
width:34px;
height:31px;
overflow: hidden;
z-index:100;

}
#bouton_home a{
position:absolute;
width:30px;
height:32px;
background:url('/img/home_link.png') no-repeat 0 -31px;
z-index:100;
}
#bouton_home a:hover{
background:url('/img/home_link.png') no-repeat 0 0px;
}


#header{
color:transparent;
position:relative;
top:0;
left:0;
height:324px;
z-index:0;

}
#header h1{
color:  #dfecfd;
font-size: 0.5em;
}
#header h1#header_title span {
    background: transparent url('/img/header_bg.png') no-repeat;
    position: absolute;
    width: 100%;
    height:324px;
margin:0;
    }
#menubar{
position:absolute;
top: 217px;
left:32px;
width:920px;
height:36px;
z-index:15;
}

#menu-level-1{
width:100%;
height:40px;

}


#content{
width:980px;
float:left;
padding-top:15px;
padding-bottom:50px;
margin-bottom:0px;
margin-left:0px;
background: transparent url('../img/container_bg.png') repeat-y 0 0;
z-index:-100;
min-height:500px;
}

#sidebarleft{
float:left;
width:179px;
margin-left:33px;
color:#345371;
}

#sidebarleft a{
text-decoration:none;
line-height:15px;
color:#345371;
}

#sidebarleft a:hover{
text-decoration:underline;

}

#sidebarleft h2{
font-weight:bold;
margin-bottom:35px;
width: 200px;
height: 19px;
padding-left: 20px;
font-size: 1.3em;
}

#sidebarleft h2#links{
background:transparent url('../img/icone_links.png') no-repeat left top;
}

#sidebarleft h2#last_news{
background:transparent url('../img/icone_news.png') no-repeat left top;
}
#sidebarleft ul{
margin-bottom: 15px;
}


#sidebarleft li.news{
background: transparent url('../img/bullet.png') no-repeat 0px 3px;
padding-left: 15px;
margin-bottom: 4px;
}
#sidebarleft ul.last{
margin-bottom: 60px;
}


#sidebarright{
float:right;
width:740px;
margin-right:5px;;
}


.box{
margin-bottom:15px;
}

#maincontent{
background:#FFFFFF;
width:640px;
border:0px solid white;
float:right;
margin-right:25px;
}

#maincontent h2{
height:20px;
color:#345371;
font-weight:bold;
letter-spacing:0.05em;
text-align:left;
margin-bottom:35px;
background:transparent url('/img/h2_bg.png') no-repeat;
padding-left: 35px;
font-size: 1.3em;
}

#maincontent h3{
clear: both;
margin: 20px 0;
letter-spacing:0.05em;
text-align:left;
margin-top:49px;
margin-bottom:17px;
color: #02a2ff;
font-size: 13px;
font-weight: bold;
text-decoration:underline;
}

#maincontent h3 a:hover{
color: #02a2ff;
}

#maincontent p{
    color:#325374;
    margin: 20px 0;
}
#maincontent a:link,#maincontent a:visited, #maincontent a:hover,#maincontent a:focus{
    color:#325374;
}

#maincontent h3 + p{
margin-top: 0;
}
#maincontent p + p{
margin:20px 0px;
}


#maincontent ul{
clear: both;
margin:15px 0px 15px 0px;
color:#345371;
}
#maincontent ul li{
margin:5px 0px 5px 0px;
padding-left: 30px;
line-height: 17px;
color:#345371;
background: transparent url('../img/bullet.png') no-repeat 0px 3px;
}

#maincontent img{margin-right : 10px; margin-bottom: 10px;border:1px solid #ccc;padding:1px;}
.separation /**spacer*/
{
clear:both;
visibility:hidden;
}
a.pdf, a.rss{
    padding-left: 20px;
    line-height: 20px;
    height: 20px;
    background: transparent url('../img/acrobat_launcher.png') no-repeat top left;
}
a.long_pdf, a.long_pdf:link, a.long_pdf:visited, a.long_pdf:hover, a.long_pdf:focus, a.long_pdf:active{
    text-decoration: none;
}
a.long_pdf:hover{
    text-decoration: underline;
}
a.rss{
    margin-top: 5px;
    background: transparent url('../img/rss_launcher.png') no-repeat top left;
}


/**======================================================
    Messages
=========================================================*/

.message {
    border: 1px solid;
    margin: 12px 0;
    background: no-repeat 8px 10px;
}
.mssg_txt {
    font-size: .8em;
    line-height: 1.4;
    color: #333;
    margin: 8px 8px 8px 48px;
}
.mssg_error {
    border-color: #e01616;
    background-color: #fdf3f3;
    background-image: url('../img/admin/forbidden.gif');
}
.mssg_notice {
    border-color: #f57900;
    background-color: #fef8f2;
    background-image: url('../img/admin/exclamation.gif');
}
.mssg_success {
    border-color: #47c518;
    background-color: #f6fcf3;
    background-image: url('../img/admin/success.gif');
}
.mssg_error strong {
    color: #e01616;
}
.mssg_notice strong {
    color: #f57900;
}
.mssg_success strong {
    color: #47c518;
}
#authMessage {
    font-size: .9em;
    padding: 1em;
    border-color: #f57900;
    background-color: #fef8f2;
}

/**======================================================
    Footer
=========================================================*/
#footer{
clear:both;
padding-top: 20px;
background: transparent url('../img/footer_bg.png') no-repeat;
}
#footer p{
height:51px;
width:850px;
color:#345370;
text-align: left;
padding-left:110px;
padding-right:20px;
line-height:10px;
font-size:10px;
}

/*
 * MENU
 * ---------------------------------------------------------------------------
 */
#menu span{
    background-image: none;
}
#menu {
padding: 0;
list-style: none;
font-size: 1.1em;
position: relative;
left: 0;
top: 2px;
text-align: center;
}

#menu ul{
    margin:0;
    padding: 0;
}


#menu li {
width: 191px;
line-height: 34px;
background: transparent;
margin: 0px 0 0 0px;
float: left;
padding: 0;
text-align: center;
color:#fff;
overflow: hidden;
}
#menu li a {
display: block;
width: 191px;
height: 34px;
line-height: 34px;
font-weight: bold;
color:#fff;
background-color: transparent;
text-decoration: none;  
margin: 0; padding: 0;
}
#menu li a:hover,#menu li a:active {
display: block;
background: transparent url('../img/menuselected_bg.png') repeat-x 0 0;
color: #fff;
text-decoration: none;  
margin: 0; padding: 0;
}
#menu li span.notlast{
    display: inline;
    background: url('../img/separator.png') no-repeat top left;
    width: 2px;
    height:34px;
}

#menu li.selected a, #menu li.selected a:link,#menu li.selected a:visited, #menu li.selected a:hover, #menu li.selected a:active, #menu li.selected a:focus{
    background: transparent url('../img/menuselected_bg.png') repeat-x 0 0;
    color: #fff;
    text-decoration: none;  
}
#menu li.temp-selected a, #menu li.temp-selected a:link,#menu li.temp-selected a:visited, #menu li.temp-selected a:hover, #menu li.temp-selected a:active, #menu li.temp-selected a:focus{
    background: transparent url('../img/menuselected_bg.png') repeat-x 0 0;
    color: #fff;
    text-decoration: none;  
}
#menu li li a,#menu li li a:link, #menu li li a:hover, #menu li li a:active, #menu li li a:focus{
background: transparent url('../img/menu_sub.png') no-repeat 0 0;
color: #000;
}


#menu li li a,#menu li li a:link, #menu li li a:hover, #menu li li a:active, #menu li li a:focus{
background: transparent url('../img/menu_sub_last.png') no-repeat 0 0;
color: #000;
}


#menu li.temp-selected li  a, #menu li.temp-selected li a:link, #menu li.temp-selected li a:visited{
background: transparent url('../img/menu_sub.png') no-repeat 0 0;
margin: 0; padding: 0;
color: #000;
}

#menu li.temp-selected li a:hover, #menu li.temp-selected li  a:active, #menu li.temp-selected li  a:focus{
background: transparent url('../img/menu_sub_roll.png') no-repeat 0 0;
margin: 0; padding: 0;
color: #000;
}

#menu li.temp-selected li.last a, #menu li.temp-selected li.last a:link, #menu li.temp-selected li.last a:visited{
background: transparent url('../img/menu_sub_last.png') no-repeat 0 0;
margin: 0; padding: 0;
color: #000;
}

#menu li.temp-selected li.last a:hover, #menu li.temp-selected li.last a:active, #menu li.temp-selected li.last a:focus{
background: transparent url('../img/menu_sub_roll_last.png') no-repeat 0 0;
margin: 0; padding: 0;
color: #000;
}

#menu li li.last a, #menu li li.last a:link, #menu li li.last a:visited{
background: transparent url('../img/menu_sub_last.png') no-repeat 0 0;
height: 42px;
margin: 0; padding: 0;
color: #000;
}

#menu li li.last a:hover, #menu li li.last a:active, #menu li li.last a:focus{
background: transparent url('../img/menu_sub_roll_last.png') no-repeat 0 0;
margin: 0; padding: 0;
height: 42px;
color: #000;
}


.menu {
padding: 0;
list-style: none;
display: none;
}


#tooltip {
    position: absolute;
    z-index: 3000;
    width: 300px ;
    border: 1px solid #677e95;
    background-color: #8e8ebd;
    padding: 10px;
    opacity: 0.90;
    color: #fff;
    font-weight: bold;
}
#tooltip h3, #tooltip div { margin: 0; }


label{
padding: 0 10px;
}