.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 : 762px;/* 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; /*ORANGE CLAIR*/
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 { /*menu horizontal*/
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 : #fff; 
} 
#menu li a:visited { 
color : #fff; 
} 
#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; /*fin menu horizontal*/
} 
#menu_systemx_produits_logiciels {/*menu vertical*/
position : absolute; 
left : 25px; 
top : 200px; 
width : 128px; 
height : 250px; 
z-index : 2; 
}
.menu_produits_logiciels h3 {
color : #fff; 
font-family : verdana, arial, sans-serif; 
font-size : 10px; 
text-align : left; 
margin : 0; 
padding : 0; 
line-height : 16px; 
} 
.menu_produits_logiciels ul {
font-weight : bold; 
list-style-type : none; 
padding : 0; 
margin : 0; 
line-height : 16px; 
} 
.menu_produits_logiciels a {
color :  #ff6600; 
text-decoration : none; 
font-weight : bold; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
line-height : 16px; 
} 
.menu_produits_logiciels a:visited { 
text-decoration : none; 
font : bold 10px Verdana, Arial, Helvetica, sans-serif; 
color : #FF6600; 
line-height : 16px; 
} 
.menu_produits_logiciels a:hover {
color :  #fff; 
font-weight : bold; 
font-size : 10px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
line-height : 16px; 
}
/*fin menu vertical*/

#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 : 174px;
	top : 202px;
	width : 590px;
	height: 900px;
	color : #ff9900;
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align : left;
	line-height : 14px;
	z-index : 4;
} 
#texte_systemx h2 {
color : #fff;
}
#texte_systemx ul li {
margin-bottom:12px;
list-style-type:disc;
list-style-position:inside; 
}
#texte_systemx a { 
text-decoration : none; 
color : #ff6600; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
} 
#texte_systemx a:visited { 
text-decoration : none; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
color : #FF6600; 
} 
#texte_systemx a:hover { 
text-decoration : none; 
font : bold 11px Verdana, Arial, Helvetica, sans-serif; 
color : #fff; 
} 
#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; 
}