/* ----- BASIC ELEMENTS AND FONTS ----- */
body { color: #fff; font-family: Tahoma; background-color: #000; background-position: 0 0; text-align: center; width: 1000px; margin:0 auto; padding:0; height:100%; }
.clear {
	clear: both;
	height:40px;
}

p {
	margin: 10px 30px 10px 30px;
}
#content_footer p {
	margin: 10px 30px 10px 30px;
	padding-top: 20px;
	font-size:10px;
	text-align:left;
}

.login_box p { color: #fff; margin:0 10px 20px 25px; font-size:9px; text-transform: uppercase; }
.content_box p { margin: 10px 0; color:#ddd; font-size:10px; text-align: left; }
.content_box td, legend { color: #fff; }
.content_box_large p { color: #fff; margin: 10px 0; font-size:0.8em; line-height: 1.7em; text-align:left; }

.content_box_photo h3 {
	margin: 0px 0px 10px 45px;
}

#content_footer p {
    margin: 10px 0px 10px 60px !important;
	margin: 10px 0px 10px 85px;
	font-size:10px;
	text-align:justify;
}

.red {
	color:red;
}

.yellow {
	color:#900;
	font-weight:bold;
}

h1 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:20px; text-transform:uppercase; font-weight:900; margin: 0 !important; margin: 10px 0px 0px 0px; color:#fff; text-align: left; }

h2 { font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size:20px; font-size:1em; text-transform:uppercase; color:#900; font-weight:bold; text-align: left; margin-top: 30px; margin-right: 50px !important; margin-bottom: 10px !important; }

h3 {
	margin: 30px 0 10px;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
}
a { color:#f77d18; text-decoration: underline; }
a:hover { color: #fff; }
li { color: #fff; font-size: 12px; line-height: 18px; text-align: left; margin-bottom: 10px; }
.tableauorganismes p { color: #fff; padding-right: 10px; padding-left: 10px; }
.tableauorganismes legend { color: #900; font-size: 13px; font-weight: bold; text-align: left; }
td { color: #f77d18; font-size: 13px; font-weight: bold; }
/*----- MENU ----- */

#nav_list { margin: 0; padding: 0; width: 170px; overflow: hidden; list-style-type: none; list-style-image: none; }

#nav_list li {
	width: 170px;
	overflow: hidden;
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
}

#nav_list a { text-decoration: none; vertical-align: middle; }
.navtitle { color: #f77d18; font-size: 15px; font-weight: 900; text-indent: 37px; margin-bottom: 15px; padding-top: 6px; padding-bottom: 6px; border-top: 2px solid #f77d18; border-bottom: 2px solid #f77d18; }
.li_nav { color: #fff; font-size: 15px; line-height: 35px; background-image: url(../images/new/navback.jpg); background-repeat: repeat-y; background-position: -170px 0; text-decoration: none; text-indent: 25px; vertical-align: middle; width: 170px; height: 35px; border-top: 1px solid #900; border-bottom: 1px solid #900; }
.li_nav_body a  { color: #fff; line-height: 35px; background-image: url(../images/new/navback.jpg); background-repeat: repeat-y; background-position: -170px 0; display: block; text-decoration: none; text-indent: 25px; vertical-align: middle; width: 170px; height: 35px; border-top: 1px solid #900; border-bottom: 1px solid #900; order-top-style: solid; }
.li_nav_footer a  { color: #fff; line-height: 35px; background-image: url(../images/new/navback.jpg); display: block; background-repeat: repeat-y; background-position: -170px 0; text-decoration: none; text-indent: 25px; vertical-align: middle; width: 170px; height: 35px; border-top: 1px solid #900; border-bottom: 1px solid #900; order-top-style: solid; }
.li_nav_body a:link { line-height: 35px; order-top-style: solid; }
.li_nav_body a:hover { background-position:  -170px 0; color:#f77d18; line-height: 35px; border-top: 1px solid #f77d18; border-bottom: 1px solid #f77d18; }
.li_nav_footer a:link { line-height: 35px; vertical-align: middle; order-top-style: solid; }
.li_nav_footer a:hover { background-position:  -170px 0; color:#f77d18; border-top: 1px solid #f77d18; border-bottom: 1px solid #f77d18; }
.li_nav_small a { font-weight: normal; margin-left: 45px; }
.li_nav_small a:link { color: #f77d18; font-size: 11px; font-weight: normal; line-height: 18px; text-decoration: none; }
.li_nav_small a:visited { color: #f77d18; font-size: 11px; font-weight: normal; line-height: 18px; text-decoration: none; }
.li_nav_small a:hover { color: #fff; font-weight: normal; }
.bottomnav { text-align: left; position: relative; left: 210px; bottom: 30px; width: 340px; height: 30px; margin: 0; padding: 0; display: block; }
.bottomnav li { float: left; list-style-type: none; display: inline; }
.bottomnav li a { color: #900; font-weight: bold; text-decoration: none; padding-right: 10px; padding-left: 10px; border-right: 1px solid #900; border-left: 1px solid #900; display: block; }
.bottomnav li a:link { }
.bottomnav li a:hover { color: #f77d18; border-right: 1px solid #f77d18; border-left: 1px solid #f77d18; }
.arrow { position: relative; left: 340px; bottom: 30px; width: 20px; height: 30px; margin: 0; padding: 0; display: block; }
.arrow li { float: left; list-style-type: none; display: inline; }
.arrow li a { color: #900; font-weight: bold; background-image: url(../images/new/up_arrow_small.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -5000px; width: 20px; height: 30px; padding-right: 10px; padding-left: 10px; display: block; }
.arrow li a:link { }
.arrow li a:hover { color: #f77d18; background-position: 0 -30px; }
.pagenav { margin-right: 0; margin-left: 0; padding: 0; list-style-type: none; list-style-position: outside; }
.pagenav li { font-size: 11px; line-height: 23px; padding-top: 5px; padding-bottom: 5px; display: inline; }
.pagenav li a { color: #f77d18; text-decoration: none; padding: 5px 6px 5px 1px; }
*html .pagenav li a { padding: 5px 3px 5px 3px; }
.pagenav li a:hover { color: #fff; }
/*----- LAYOUT ----- */

#container { background-color: #000; background-repeat: repeat-y !important; background-attachment: scroll !important; background-position: 30px 0 !important; text-align: left; width:100%; min-height:100%; height:100%; margin: 0; }


#menu_header { width:170px; height:150px; text-align:left; float:left; margin:0 0 0 30px; }

#menu_left { background-color: #707070; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 170px; min-height: 100%; margin:0 0 0 30px; float: left; }

.login_box { background-image: url(../images/new/navbottom.jpg); background-repeat: repeat-y; width: 170px; float:left; margin:0 0 0 10px; }
*html .login_box { margin:0 0 0 5px; }

#head { background-image: url(../images/new/toppage2.jpg); width: 790px !important; width: 820px; height: 150px; float:left; text-align: right; }

#content { background-image: url(../images/new/navbottom.jpg); background-repeat: repeat-y !important; background-attachment: scroll !important; background-position: 10px 0; width: 900px; text-align: justify; float: left; margin:0 0 0 20px; }
*html #content { margin:0 0 0 10px; }
.content_box { width: 245px; margin:0 0 0 15px; float: left; }

.content_box_large { background-color: #000; width: 340px; margin:0 0 0 40px; float: left; }

.content_box_photo { background-color: #f90; width: 200px; margin:0 0 0 -10px; float: left; }

#content_footer { background-image: url(../images/new/navbottom.jpg); background-repeat: repeat-y !important; background-attachment: scroll !important; background-position: 10px 0; width:100%; clear:both; margin-bottom:-70px; height:50px; }
.tableauorganismes { margin: 0; padding: 0; border-style: none; }
select { color: #f77d18; background-color: #000; width: 240px; margin-bottom: 10px; margin-left: 0; border-style: solid; border-width: 1px; outline-color: #fff; }
#arrow { background-repeat: no-repeat; width: 340px; height: 30px; border: solid 1px #fff; }