.fond {
background-color :#fff;/*fond site*/
}
html, body { 
height : 100%; 
margin : 0; 
padding : 0; 
color : #ff6600; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : left; 
} 
#site_systemx { 
position : absolute; 
padding : 0; 
text-align : left; 
width : 760px; /* calage onglet menu...................................*/
height : 515px; 
margin-top : -240px; 
margin-left : -380px; 
z-index : 1; 
background-image : url(image/system_x_2009.gif); 
background-repeat : no-repeat; 
background-color : #fff; 
background-position : center center; 
left : 50%; 
top : 50%; 
visibility : visible; 
} 
#site_systemx_xdp { 
position : absolute; 
padding : 0; 
text-align : left; 
width : 760px; 
height : 515px; 
margin-top : -240px; 
margin-left : -380px; 
z-index : 1; 
background-image : url(image/system_x_2009_xdp.gif); 
background-repeat:no-repeat; 
background-color : #fff; 
background-position : center center; 
left : 50%; 
top : 50%; 
visibility : visible; 
} 
#adresse_systemx { 
position : absolute; 
left : 240px; 
top : -8px; 
z-index : 2; 
text-align : right; 
color : #666; 
font-weight : bold; 
} 
.orange { 
color : #ff6600; 
font-weight : bolder; 
} 
.orangeclair{ 
color : #ff9900; 
font-weight : bolder; 
} 
em { 
font-style : italic; 
font-size : 9px; 
} 
h1 { 
margin : 0; 
padding : 0; 
color : #fff; 
font : bold 12px Verdana, Arial, Helvetica, sans-serif; 
} 
h2, h3, h4, h5, h6 { 
margin : 0; 
padding : 0; 
color : #ff9900; 
text-indent : 30px; 
line-height : 16px; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
} 
a { 
text-decoration : none; 
color : #ff6600; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
} 
a:visited { 
text-decoration : none; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
color : #FF6600; 
} 
a:hover { 
text-decoration : none; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
color : #ff9900; 
} 
img { 
border : none; 
} 
#menu_systemx { 
position : absolute; 
left : 6px; 
top : 50px; 
width : 750px; 
height : 25px; 
z-index : 2; 
} 
#menu { 
font : bold 11px verdana; 
list-style-type : none; 
padding : 0; 
margin-left : 0; 
} 
ul, li { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
#menu li { 
float : left; 
margin : 0; 
} 
#menu li a { 
text-decoration : none; 
padding : 0.3em 0.7em; 
margin-right : 0.3em; 
border : 1px solid #fff; 
border-color : #ff9900; 
border-bottom : none; 
border-top : none; 
background-color : #ff9900; /*color fond.................... */ 
color : #666; /*color lien................................*/
} 
#menu li a:visited { 
color : #fff; /*color lien................................*/
} 
#menu li a:hover { 
background-color : #ff6600; 
color : #fff; 
} 
#menu li a:active { 
color : #fff; 
} 
#menu li.selected a { 
background-color : #ff6600; 
color : #fff; 
position : relative; 
top : 1px; 
padding-top : 0.4em; 
} 
#menu #current a { 
color : #fff; 
background-color : #ff6600; 
} 
#system_x h1 { 
position : absolute; 
left : 254px; 
top : 100px; 
width : 245px; 
height : 21px; 
color : #fff; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bolder; 
text-align : center; 
z-index : 3; 
} 
#system_x_xdp h1 { 
position : absolute; 
margin-left : 30px; 
margin-top : 87px; 
padding:0;
width : 650px; 
color : #fff; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bolder; 
text-align : center; 
z-index : 3; 
} 
#texte_systemx { 
position : absolute; 
left : 60px; 
top : 194px; 
width : 684px; 
height : 187px; 
color : #fff; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
text-align : left; 
line-height : 14px; 
overflow : auto; 
  scrollbar-face-color:#666666;/*la couleur de la barre elle-même ie*/
  scrollbar-arrow-color:#ff9900;/*la couleur des flèches haut et bas ie*/
z-index : 4; 
} 
#texte_systemx ul li {
margin-bottom:12px;
list-style-type:disc;
list-style-position:inside; 
}
#texte_systemx_xdp { 
position : absolute; 
left : 5px; 
top : 147px; 
width : 750px; 
height : 247px; 
background-color: #FF6600;
z-index : 4; 
} 

#news_systemx {
position : absolute; 
margin : 0; 
padding : 0; 
width : 600px; 
z-index : 5; 
}

#news_systemx_xdp h2 {
position : absolute; 
padding : 0; 
margin-top : 430px;
margin-left:120px; 
width : 580px; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bolder; 
text-align : left;
color : #ff9900; 
z-index : 5; 
}

p#modif_txt_deroulant { 
margin : 0; 
padding : 0; 
font-weight : bolder; 
font-size : 12px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-align : left; 
color : #ff9900; 
width : 600px; 
cursor : default; 
z-index : 6; 
} 
#messagequideroule { 
position : absolute; 
margin-left : 145px; 
margin-top : 480px; 
padding : 0; 
width : 600px; 
height : 53px; 
z-index : 6; 
} 
#validateur em {
	position:absolute;
	width:100px;
	height:30px;
	margin-top : 520px;
	margin-left:5px;
	padding : 0;
	font-style : normal;
	font-size : 7px;
	color : #ccc;
	text-align : left;
	z-index:2;
}
.imageflottante {
float : left; 
padding : 4px 10px 2px 0; 
}