/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	background:#334999;
}

#container{
	background:#334999;
	width:975px;
	margin:0 auto 0 auto;
	padding:16px 6px 8px 6px;
}

/*bannire*/
#banner{
	padding:0 0 12px 18px;
	margin:0;;
}

#banner .banner_right{
	float:right;
	text-align:right
}

#banner form{
	margin:0 0 10px 0;
	padding:3px 0 0 0;
}

#content{
	min-height:450px;
	padding:5px 3px 150px 4px;
}

.bg1{
	background:#FFFFFF url(../images/bg_system.jpg) no-repeat bottom right;
}

.bg2{
	background:#FFFFFF url(../images/bg_citizen.jpg) no-repeat bottom right;
}

.bg3{
	background:#FFFFFF url(../images/bg_market.jpg) no-repeat bottom right;
}

.bg4{
	background:#FFFFFF url(../images/bg_policy.jpg) no-repeat bottom right;
}

.bg5{
	background:#FFFFFF url(../images/bg_economy.jpg) no-repeat bottom right;
}

.bg6{
	background:#FFFFFF url(../images/bg_external.jpg) no-repeat bottom right;
}

.bg7{
	background:#FFFFFF url(../images/00_intro_sum.jpg) no-repeat bottom right;
}

/*menu partie 1*/
#menu_1{
	height:55px;
	margin:0 0 30px 0;
	padding:0;
}

#menu_1 ul{
	list-style:none;
	margin:0;
	padding:0 0 0 2px;
	float:left;
}

#menu_1 ul li{
	float:left;
	height:57px;
	width:135px;
	margin:0 3px 0 0;
	padding:0 0 0 0;
	position:relative;
	font-weight:bold;
}

#menu_1 ul li.small_1{
	height:27px;
	margin:31px 3px 0 -138px;
	background:url(../images/bg_menu_gris.png) repeat-x;
}

* html #menu_1 ul li.small_1, *+html #menu_1 ul li.small_1{
	margin:3px 0 0 0;
	clear:both;
}

#menu_1 ul li.small_2{
	height:27px;
	background:url(../images/bg_menu_gris.png) repeat-x;
}

#menu_1 ul li.small_2_active{
	height:27px;
	background:url(../images/bg_menu_gris.png) no-repeat;
}

#menu_1 ul li.small_2_hover{
	height:27px;
	background:url(../images/bg_menu_gris.png) no-repeat;
}

#menu_1 ul li.small_2_hover a{
	color:#999999;
}

#menu_1 ul li.small_2_active a{
	color:#999999;
}

#menu_1 ul li.small_2_active a{
	background:url(../images/bg_menu_gris.png) no-repeat;
	position:absolute;
	bottom:5px;
	margin:0 0 0 0;
	width:115px;;
	padding: 0 10px 0 10px;
	color:#999999;
	text-decoration:none;
}

#menu_1 ul li.small_1_active{
	height:27px;
	margin:31px 3px 0 -138px;
	background:url(../images/bg_menu_gris.png) no-repeat;
}

#menu_1 ul li.small_1_hover{
	height:27px;
	margin:31px 3px 0 -138px;
	background:url(../images/bg_menu_gris.png) no-repeat;
}

#menu_1 ul li.small_1_active a{
	color:#999999;
}

#menu_1 ul li.small_1_hover a{
	color:#999999;
}

* html #menu_1 ul li.small_1_active, *+html #menu_1 ul li.small_1_active{
	margin:3px 0 0 0;
	clear:both;
}

* html #menu_1 ul li.small_1_hover, *+html #menu_1 ul li.small_1_hover{
	margin:3px 0 0 0;
	clear:both;
}

#menu_1 ul li.small_1_active a{
	color:#999999;
}

#menu_1 ul li.small_1_hover a{
	color:#999999;
}

#menu_1 ul li.color_1{
	background:url(../images/bg_menu_brun.png) repeat-x;
}

#menu_1 ul li.color_1_hover{
	background:url(../images/bg_menu_brun_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_1_hover a{
	color:#999999;
}

#menu_1 ul li.color_2_hover a{
	color:#999999;
}

#menu_1 ul li.color_3_hover a{
	color:#999999;
}

#menu_1 ul li.color_4_hover a{
	color:#999999;
}

#menu_1 ul li.color_5_hover a{
	color:#999999;
}

#menu_1 ul li.color_6_hover a{
	color:#999999;
}

#menu_1 ul li.color_1_active{
	background:url(../images/bg_menu_brun_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_1_active a, #menu_1 ul li.color_2_active a, #menu_1 ul li.color_3_active a, #menu_1 ul li.color_4_active a, #menu_1 ul li.color_5_active a, #menu_1 ul li.color_6_active a{
	color:#999999;
}

#menu_1 ul li.color_2{
	background:url(../images/bg_menu_rouge.png) repeat-x;
}

#menu_1 ul li.color_2_hover{
	background:url(../images/bg_menu_rouge_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_2_active{
	background:url(../images/bg_menu_rouge_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_3{
	background:url(../images/bg_menu_bleu1.png) repeat-x;
}

#menu_1 ul li.color_3_hover{
	background:url(../images/bg_menu_bleu1_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_3_active{
	background:url(../images/bg_menu_bleu1_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_4{
	background:url(../images/bg_menu_tur.png) repeat-x;
}

#menu_1 ul li.color_4_hover{
	background:url(../images/bg_menu_tur_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_4_active{
	background:url(../images/bg_menu_tur_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_5{
	background:url(../images/bg_menu_bleu2.png) repeat-x;
}

#menu_1 ul li.color_5_hover{
	background:url(../images/bg_menu_bleu2_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_5_active{
	background:url(../images/bg_menu_bleu2_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_6{
	background:url(../images/bg_menu_rose.png) repeat-x;
}

#menu_1 ul li.color_6_hover{
	background:url(../images/bg_menu_rose_hover.gif) repeat-x bottom;
}

#menu_1 ul li.color_6_active{
	background:url(../images/bg_menu_rose_hover.gif) repeat-x bottom;
}

#menu_1 ul li a{
	position:absolute;
	bottom:5px;
	margin:0 0 0 0;
	width:115px;;
	padding: 0 10px 0 10px;
	color:#ffffff;
	text-decoration:none;
	line-height:12px;
}

#menu_1 ul li a:hover{
	color:#999999;
}

/*sub_menu ok*/
#menu_2{
	float:left;
	width:207px;
	margin:5px 0 30px 0;
	padding:0 0 75px 0;
	min-height:250px;
	background:url(../images/square.gif) no-repeat bottom right;
}

#menu_2 ul {
	margin:0 0 0 9px;
	padding:0 0 0 0;
	list-style:none;
	font-weight:bold;
	color:#334999;
}

#menu_2 ul li{
	width:172px;
	height:47px;
	padding:0 15px 0 12px;
	margin:0 0 3px 0;
	background-repeat:no-repeat;
	position:relative;
}

#menu_2 ul li.color1{
	background: url(../images/bg_menu_2_brun.png) no-repeat bottom right;
}

#menu_2 ul li.color2{
	background: url(../images/bg_menu_2_rouge.png) no-repeat bottom right;
}

#menu_2 ul li.color3{
	background: url(../images/bg_menu_2_bleu1.png) no-repeat bottom right;
}

#menu_2 ul li.color4{
	background: url(../images/bg_menu_2_tur.png) no-repeat bottom right;
}

#menu_2 ul li.color5{
	background: url(../images/bg_menu_2_bleu2.png) no-repeat bottom right;
}

#menu_2 ul li.color6{
	background: url(../images/bg_menu_2_rose.png) no-repeat bottom right;
}

#menu_2 ul li.color1_active{
	background:url(../images/bg_menu_2_brun_actif.png) no-repeat;
}

#menu_2 ul li.color2_active{
	background:url(../images/bg_menu_2_rouge_actif.png) no-repeat;
}

#menu_2 ul li.color3_active{
	background:url(../images/bg_menu_2_bleu1_actif.png) no-repeat;
}

#menu_2 ul li.color4_active{
	background:url(../images/bg_menu_2_tur_actif.png) no-repeat;
}

#menu_2 ul li.color5_active{
	background:url(../images/bg_menu_2_bleu2_actif.png) no-repeat;
}

#menu_2 ul li.color6_active{
	background:url(../images/bg_menu_2_rose_actif.png) no-repeat;
}

#menu_2 ul li.color1_hover{
	background:url(../images/bg_menu_2_brun_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color2_hover{
	background:url(../images/bg_menu_2_rouge_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color3_hover{
	background:url(../images/bg_menu_2_bleu1_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color4_hover{
	background:url(../images/bg_menu_2_tur_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color5_hover{
	background:url(../images/bg_menu_2_bleu2_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color6_hover{
	background:url(../images/bg_menu_2_rose_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color1_hover a, #menu_2 ul li.color2_hover a, #menu_2 ul li.color3_hover a, #menu_2 ul li.color4_hover a, #menu_2 ul li.color5_hover a, #menu_2 ul li.color6_hover a{
	color:#999999;
}

#menu_2 ul li a{
	color:#334999;
	text-decoration:none;
	position:absolute;
	width:162px;
	bottom:5px;
}

#menu_2 ul li a:hover{
	color:#999999;
}

#menu_2 ul li a.link_right{
	float:right;
	width:187px;
	height:35px;
}

/*sub menu sans étape 3*/
#menu_2 ul li.color1_none{
	background: url(../images/bg_menu_2_brun_none.png) no-repeat bottom right;
}

#menu_2 ul li.color2_none{
	background: url(../images/bg_menu_2_rouge_none.png) no-repeat bottom right;
}

#menu_2 ul li.color3_none{
	background: url(../images/bg_menu_2_bleu1_none.png) no-repeat bottom right;
}

#menu_2 ul li.color4_none{
	background: url(../images/bg_menu_2_tur_none.png) no-repeat bottom right;
}

#menu_2 ul li.color5_none{
	background: url(../images/bg_menu_2_bleu2_none.png) no-repeat bottom right;
}

#menu_2 ul li.color6_none{
	background: url(../images/bg_menu_2_rose_none.png) no-repeat bottom right;
}

#menu_2 ul li.color1_none_hover{
	background: url(../images/bg_menu_2_brun_none_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color2_none_hover{
	background: url(../images/bg_menu_2_rouge_none_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color3_none_hover{
	background: url(../images/bg_menu_2_bleu1_none_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color4_none_hover{
	background: url(../images/bg_menu_2_tur_none_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color5_none_hover{
	background: url(../images/bg_menu_2_bleu2_none_hover.png) no-repeat bottom right;
}

#menu_2 ul li.color6_none_hover{
	background: url(../images/bg_menu_2_rose_none_hover.png) no-repeat bottom right;
}


/*menu niveau 3 ok*/
#menu_3{
	margin:-3px 0 6px -3px;
	padding:0 15px 0 0;
}

#menu_3 ul {
	margin: 0 0 11px 0;
	padding:0 0 0 0;
}

#menu_3 ul li{
	margin:-5px 0 -5px 12px;
	padding:5px 0 5px 12px;
	min-height:30px;
	height:auto;
	overflow:visible;
	position:static;
	border-top:#FFFFFF dashed 1px;
	width:187px;
}

#menu_3 ul li a{
	color:#FFFFFF;
	padding:10px 0 5px 0;
	margin:0 0 0 0;
	position:relative;
	display:block;
}

#menu_3 ul li a:hover{
	color:#FFFFFF;
}

#menu_3 ul li.color1{
	background:#cc9933;
}

#menu_3 ul li.color2{
	background:#993333;
}

#menu_3 ul li.color3{
	background:#6699cc;
}

#menu_3 ul li.color4{
	background:#009999;
}

#menu_3 ul li.color5{
	background:#99ccff;
}

#menu_3 ul li.color6{
	background:#cc6699;
}

#menu_3 ul li.color1_hover{
	background-image:none;
	background:#cc9933;
}

#menu_3 ul li.color2_hover{
	background-image:none;
	background:#993333;
}

#menu_3 ul li.color3_hover{
	background-image:none;
	background:#6699cc;
}

#menu_3 ul li.color4_hover{
	background-image:none;
	background:#009999;
}

#menu_3 ul li.color5_hover{
	background-image:none;
	background:#99ccff;
}

#menu_3 ul li.color6_hover{
	background-image:none;
	background:#cc6699;
}

#menu_3 ul li.color1_hover a{
	color:#FFFFFF;
}

#menu_3 ul li.color2_hover a{
	color:#FFFFFF;
}

#menu_3 ul li.color3_hover a{
	color:#FFFFFF;
}

#menu_3 ul li.color4_hover a{
	color:#FFFFFF;
}

#menu_3 ul li.color5_hover a{
	color:#FFFFFF;
}

#menu_3 ul li.color6_hover a{
	color:#FFFFFF;
}

/*zone de texte ok*/
#txt{
	width:738px;
	_width:510px;
	min-height:329px;
	margin:0 0 0 210px;
}

#txt h1{
	font: Arial, Helvetica, sans-serif;
	margin:0 0 0 21px;
	color:#666666;
	background:url(../images/bg_h1_bleu.gif) top left no-repeat;
	padding:0 0 12px 7px;
	font-size:200%;
}

*#txt h1{
	margin:0 0 0 21px;
}

*+#txt h1{
	margin:0 175px 0 21px;
}

#txt h2{
	text-transform:uppercase;
	padding:10px 0 0 5px;
	margin:0 175px 12px 28px;
	font-size:150%;
	color:#666666;
	border-bottom:#666666 solid 1px;
}

*#txt h2{
	margin:0 0 0 21px;
}

*+#txt h2{
	margin:0 175px 0 21px;
}

#txt h3{
	font: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 0 21px;
	color:#334999;
	padding:10px 0 12px 7px;
	font-size:150%;
}

*#txt h3{
	margin:0 0 0 21px;
}

*+#txt h3{
	margin:0 175px 0 21px;
}

#txt h4{
	font: Arial, Helvetica, sans-serif;
	margin:0 175px 0 21px;
	color:#CD9933;
	padding:10px 0 12px 7px;
	font-size:120%;
}

*#txt h4{
	margin:0 0 0 21px;
}

*+#txt h4{
	margin:0 175px 0 21px;
}

#txt p{
	margin: 11px 175px 11px 29px;
	_margin: 11px 0 11px 29px;
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#txt p.header{
	margin: 11px 175px 11px 29px;
	_margin: 11px 0 11px 29px;
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.sign{
	text-transform:uppercase;
}
#txt ul li{
	margin: 11px 175px 11px 40px;
	list-style:square;
	font: Arial, Helvetica, sans-serif;
	font-size:100%;
}

*#txt ul li{
	margin: 11px 0 11px 40px;
}

*+#txt ul li{
	margin: 11px 175px 11px 40px;
}

#txt ol li{
	margin: 11px 175px 11px 40px;
	font: Arial, Helvetica, sans-serif;
	font-size:100%;
}

*#txt ol li{
	margin: 11px 0 11px 40px;
}

*+#txt ol li{
	margin: 11px 175px 11px 40px;
}

#txt table {
	border: /*thin*/ solid 1px #334999;
	border-collapse: collapse;
	margin-left: 29px;
	margin-right: 175px;
	_margin-right: 0;
}
#txt td {
	border: /*thin*/ solid 1px #334999;
	padding: 2px 2px 2px 3px;
	vertical-align:top;
}
#txt td p {
	font: Arial, Helvetica, sans-serif;
	margin: 0 5px 0 3px;
}

#txt a{
	color:#334999;
}
/*Copyright ok*/
.copyright{
	clear:left;
	margin:5px 0 3px 2px;
	color:#FFFFFF;
	font-size:80%;
}

/* Scroll Button */
#scroll_button{
	height:11px;
	width:11px;
	position:fixed;
	margin:425px 0 0 825px;
	
}

*+html #scroll_button{
	margin:425px 0 0 825px;
}

*html #scroll_button { /* only ie6 : hack position fixe */
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
		margin-left:825px;
}

#scroll_button img{
	border:none;
}

/* Div scrollable, table long */

div.table_long{
width:650px;
overflow:scroll;
padding:10px 10px 10px 0;
margin-left:28px;
}

#txt div.table_long table{
margin-left:1px;
}