body {
background-color:#575757;
font-family:arial;
font-size:12px;
margin-top:0px;
}
#distance_m{display:none;}
#retour{
float:left;
position:relative;
left:-210px;
top:-50px;
cursor:pointer;
width:100px;
height:60px;

}
#new_logo{
background-image:url('../images/logo_new.jpg');
width:512px;
height:306px;
margin:0 auto;
margin-top:10px;
}
#ret_onglet{
position:relative;
float:right;
padding-right:9px;
}
.sui {
padding:5px;
border:1px solid #575757;
}
#block_suivi{

width:380px;
height:297px;
overflow:auto;
}
#prix_det{
font-size:18px;
color:#FFEC01;
background-image:url('../images/btn.jpg');
width:200px;
height:40px;
line-height:40px;
background-repeat:no-repeat;
}
.black {color:#000;}
#un:hover {
background-color:#E20C0E;
}
#deux:hover {
background-color:#E8148D;
}
#trois:hover {
background-color:#FFFC1C;
color:#000;
}
#quatre:hover {
background-color:#C6FB0D;
}
#cinq:hover {
background-color:#009CC0;
}
#six:hover {
background-color:#FCA4D4;

}
#sept:hover {
background-color:#DEF99C;
}
#huit:hover {
background-color:#6C949E;
}
#neuf:hover {
background-color:#E20C0E;
}
#dix:hover {
background-color:#FFEC01;
}
#onze:hover {
background-color:#DEF99C;
}
#douze:hover {
background-color:#E20C0E;
}
#nego {
position:relative;
float:left;
width:300px;
padding-left:10px;
padding-bottom:10px;
}
a{
color:#4c4c4c;
text-decoration:none;
}
#boitt{
	position:relative;
	float:left;
	background-color:#fff;
	width:620px;
	height:335px;
	padding-left:10px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#bloc_g img{
padding:0.2em;
}
#bloc_g{
position:relative;
float:left;
width:180px;
height:380px;
overflow:auto;
}
#bloc_d{
position:relative;
float:left;
width:420px;

}
#block_det {
position:relative;
float:left;
width:100px;
padding-left:5px;
text-align:center;
}
#block_det:hover{
background-color:#37487E;
color:#fff;
}
#lib {
position:relative;
float:left;
width:120px;
height:20px;
line-height:15px;
overflow:hidden;
}
#val {
position:relative;
float:left;
width:80px;
overflow:hidden;
height:20px;
line-height:15px;
font-weight:bold;
}
#dep {
background-color:#4B64AE;
color:#fff;
font-size:30px;
padding-left:10px;
font-weight:bold;
text-align:center;
width:500;
border-bottom:1px solid #37487E;
}
/** fiche details**/
#details_photo{
position:relative;
float:left;
width:630px;
height:110px;
}
#public{
background-color:#0046ad;
display:block;
color:#fff;
width:639px;
}
#prive{
background-color:#0b9900;
height:15px;
display:block;
color:#fff;
width:639px;
}
#impre{
background-color:#700099;
display:block;
color:#fff;
width:639px;
}
#suivi{
background-color:#b18900;
display:block;
color:#fff;
width:639px;
}
/** photo _details**/
#btn_gauche{
position:relative;
float:left;
height:80px;
line-height:80px;
background-color:#575757;
color:#fff;
width:15px;

}
#btn_droite{
position:relative;
float:left;
height:80px;
line-height:80px;
background-color:#575757;
color:#fff;
width:15px;
}
#photo_centre{
position:relative;
float:left;
width:550px;
}
#photo_centre li{
padding-left:3px;;
}
/** LOGIN**/
#login{
width:541px;
height:236px;
margin:0 auto;
background-image:url('../images/login.png');
padding-top:00px;
background-repeat:no-repeat;
padding-left:60px;
background-position:bottom;
}
.text_login{
position:relative;
float:left;
width:150px;
color:#001336;
}
#login_top{
padding-top:120px;
padding-left:100px;
}
#btn_login{
position:relative;
left:250px;
top:30px;
}
input {
border-color: Gray Gray Gray Gray; 
border: 1px solid Gray; 
background-color: #f5f5f5;
font-size: 10px;
}
.input:hover{
background-color:#b3c7e7;
}
.input_mini{
width:57px;
border-color: Gray Gray Gray Gray; 
border: 1px solid Gray; 
background-color: #f5f5f5;
font-size: 10px;
}
.input_mini:hover{
background-color:#b3c7e7;
}
.libelle{
position:relative;
float:left;
width:80px;
}
select{
border-color: Gray Gray Gray Gray; 
border: 1px solid Gray; 
background-color: #f5f5f5;
font-size: 10px;
}
.select:hover{
background-color:#b3c7e7;
}
/** TRAME **/
#fond{
margin:0 auto;
width:981px;
height:710px;
background-image:url('../images/fond.png');
background-repeat:no-repeat;
}
#news{
position:relative;
float:left;
width:458px;
height:57px;
background-image:url('../images/news-trans.png');
background-repeat:no-repeat;
margin-left:230px;
margin-top:8px;
color:#fff;
font-size:25px;

background-position:bottom right;
}
#cadre {
padding-top:15px;
}
#coord{
color:#fff;
position:relative;
float:left;
width:250px;
text-align:right;
padding-right:15px;
}
#heure{
color:#b3c7e7;
font-size:20px;
font-weight:bold;
position:relative;
float:right;
width:80px;
text-align:right;
padding-right:60px;
}
#dec{
color:#fff;
position:relative;
float:left;
width:800px;
padding-left:15px;
}
#centre{
position:relative;
float:left;
width:943px;
height:567px;
left:15px;
}
#gauche{
position:relative;
float:left;
width:250px;
height:567px;
padding-left:15px;
padding-top:15px;
}
#droite{
position:relative;
float:left;
width:660px;
height:567px;
padding-left:15px;
padding-top:10px;
background-position:bottom;
background-repeat:no-repeat;
background-image:url('../images/fond_principal-trans.png');
}
#moteur {
position:relative;
float:left;
width:236px;
height:357px;
background-image:url('../images/moteur-trans.png');
}
#ss_menu {
position:relative;
float:left;
width:236px;
height:204px;
padding-top:0px;
background-position:bottom;
background-repeat:no-repeat;
background-image:url('../images/ss_menu-trans.png');
}
#ss_menu_padd{
height:5px;
width:236px;
}
#ss_menu a{
padding-left:50px;
color:#4c4c4c;
font-weight:bold;
display:block;
text-decoration:none;
}
#ss_menu a:hover{
color:#000
}
#menu_droite a{
color:#000;
text-decoration:none;
font-weight:bold;
}
#menu_droite{
position:relative;
float:left;
width:640px;
height:70px;
padding-top:0px;
padding-left:10px;
background-position:bottom;
background-repeat:no-repeat;

}
#footer a{
color:#fff;
}
#footer{
position:relative;
float:left;
width:981px;
color:#fff;
padding-left:25px;
top:-10px;
text-align:center;
}
#centre_principal{
position:relative;
float:left;
width:640px;
height:471px;
overflow:auto;
top:10px;
color:#4c4c4c;
}
#centre_principal_list_agence{
position:relative;
float:left;
width:640px;
height:401px;
overflow:auto;
top:10px;
color:#4c4c4c;
}
#text_head_moteur{
color:#45568a;
font-size:16px;
font-weight:bold;
width:235px;
text-align:center;
padding-top:15px;
}
#nvo_mandat{
position:relative;
float:left;
width:110px;
text-align:center;
padding-top:45px;
padding-left:10px;
background-image:url('../images/ico-nvo_mandats-trans.png');
background-repeat:no-repeat;
background-position:center 6px;
}
#nvo_mandat:hover{
background-image:url('../images/ico-nvo_mandats2-trans.png');
}
#mandats{
position:relative;
float:left;
width:110px;
text-align:center;
padding-top:45px;
padding-left:10px;
background-image:url('../images/ico-mes_mandats-trans.png');
background-repeat:no-repeat;
background-position:center 6px;
}
#mandats:hover{
background-image:url('../images/ico-mes_mandats2-trans.png');
}
#selection{
position:relative;
float:left;
width:110px;
text-align:center;
padding-top:45px;
padding-left:10px;
background-image:url('../images/ico-sel-trans.png');
background-repeat:no-repeat;
background-position:center 6px;
}
#selection:hover{
background-image:url('../images/ico-sel2-trans.png');
}
#saisir{
position:relative;
float:left;
width:110px;
text-align:center;
padding-top:45px;
padding-left:10px;
background-image:url('../images/ico-saisie-trans.png');
background-repeat:no-repeat;
background-position:center 6px;
}
#saisir:hover{
background-image:url('../images/ico-saisie2-trans.png');
}
#valider{
position:relative;
float:left;
width:110px;
text-align:center;
padding-top:45px;
padding-left:10px;
background-image:url('../images/ico-valider-trans.png');
background-repeat:no-repeat;
background-position:42px 6px;
}
#valider:hover{
background-image:url('../images/ico-valider2-trans.png');
}
#btn_rech a{ 
color:#fff;
}
#btn_rech2{
position:absolute;
top:336px;
left:10px;
font-size:12px;
text-align:center;
color:#fff;
width:213px;
cursor:pointer;
}
#btn_rech{
position:absolute;
top:318px;
left:20px;
font-size:18px;
text-align:center;
color:#FFEC01;
width:192px;
height:28px;
line-height:28px;
background-repeat:no-repeat;
cursor:pointer;
background-image:url('../images/btn_recherche.jpg');
}
#ligne {
padding-top:5px;
padding-left:15px;
color:#575757;
}
.ui-tabs-hide { display: none; }
btn_