/* Arnaud Briand: www.epokhe.net */

body {
padding: 0; margin: 0;
font: normal 11px/100% Arial, Verdana;
/* background: url(i/bg.gif) repeat 0 0;*/ 
background-color: #626262;
_text-align: center;
}

h1, h2, h3, h4, h5, h6, li {padding: 0; margin: 0;}

h1 {display: none;}

a, a:hover {text-decoration: none; cursor: pointer;}

#wrapper {
position: absolute;
width: 820px;
left: 50%;
margin-left: -410px;
background: url(i/bd-wrapper.png) #FEFEF6 repeat-y 0 0;
/* border-bottom: 1px solid #009583; border-left: 1px solid #009583; border-right: 1px solid #009583; */
}

#header {
width: 798px;
background: url(i/immobilier-nantes-la-baule.jpg) no-repeat -5px 0;
height: 180px;
}
html > body #header {background: url(i/immobilier-nantes-la-baule.jpg) no-repeat 11px 0;} /* IE WIN HACK */

#subwrapper {
width: 820px; /*min-height: 400px;*/
/* border-bottom: 1px solid #009583; border-left: 1px solid #009583; border-right: 1px solid #009583; */
margin-left: auto; margin-right: auto; 
background: url(i/bd-wrapper.png) #FEFEF6 repeat-y 0 0;
}

/*
TOPNAV 
---------------------------------------------------------------------------------*/
#topnav {
height: 30px; width: 100%;
overflow: hidden;
line-height: 2em;
background-color: #009583;
}

#topnav ul {
list-style: none;
margin: 0 auto;
padding: 0;
text-align: left;
width: 800px;
}

#topnav ul li {
background: none;
display: inline;
float: left;
list-style-type: none;
padding: 0;
font: bold 11px/100% Arial, Verdana;
}

#topnav ul li a {
color: #ddd;
display: block;
height: 30px;
overflow: hidden;
padding: 8px 10px 0 10px;
text-decoration: none !important;
font: bold 11px/100% Arial, Verdana;
}
* html #topnav ul li a {float: left;} /* IE WIN HACK */

#topnav ul li a#active {
color: #FFF !important;
font-weight: bold;
background-color: #999;
font: bold 11px/100% Arial, Verdana;
}

#topnav ul li a:hover {
color: #fff !important;
}



/*
SUBNAV
--------------------------------------------------------------------------------------------*/
h3 {font: bold 11px/120% Arial, Verdana; color: #333367;}
#subnav {position: absolute; top: 190px; _top: 194px; left: 12px; width: 160px; background-color: #FEFEF6;}
#subnav ul {padding: 6px 6px 6px 0; width: 160px; margin-left: 25px;}
#subnav li {margin-left: -8px; list-style-type: none; font: normal 11px/140% Arial, Verdana; color: #333367; text-align: left; border-bottom: 1px solid #999; /* background: url(i/icon-subnav.png) no-repeat 0 70%; */}
#subnav li a {display: block; font: normal 11px/140% Arial, Verdana; color: #333367; text-decoration: none; padding: 8px 0 8px 16px; /* background: url(i/icon-subnav.png) no-repeat 0 70%; */}
#subnav li a:hover {font: normal 11px/140% Arial, Verdana; color: #999; text-decoration: none; background-color: #F4F4EF;}

html > body #subnav {left: 30px;} /* Avoiding star html bug and underscore hack */
html > body #subnav ul {margin-left: 0;} /* Avoiding star html bug and underscore hack */

/* Image du sous-menu */
.image  {margin: 20px 0 0 35px;}
html > body .image {margin: 20px 0 0 4px;} /* Avoiding star html bug and underscore hack */



/*
ID CONTENTI
----------------------------------------------------------------------------------------------------------------*/
#contenti {
background: url(i/cdc+.gif) #FEFEF6 no-repeat 97% 105px;
margin: 28px 0 0 210px;
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
padding: 20px 30px 10px 10px;
/*height: 440px;*/ height: auto; 
width: 540px;
}
html > body #contenti {min-height: 400px; height: auto; background-color: #FEFEF6; padding: 0 30px 10px 10px;}

#contenti p.phome {
font: bold italic 12px/130% "Trebuchet MS", Arial, Verdana;
text-align:justify;
padding: 15px;
width: 505px;
/* border: 1px dotted #009583;
_border: 1px solid #009583;
background: url(i/bg.gif) repeat 0 0;
PREVIOUS:padding: 10px; */
}
/* #content p.phome:hover {background-color: #F4F4EF; } */

h2.chapo {
font: normal 14px/130% "Trebuchet MS", Arial, Verdana;
padding: 0 0 10px 0;
color: #333367;
}


/*
ID CONTENT IMMOVEILLE = FOND AVEC LES ICONES SITIMMO
----------------------------------------------------------------------------------------------------------------*/
#content-immoveille {
background: url(i/f-icones-immoveille-ie.gif) #FEFEF6 no-repeat 0 30px;
margin: 28px 0 0 210px;
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
padding: 10px 30px 10px 10px;
height: 440px; height: auto; 
width: 540px;
}
html > body #content-immoveille {
background: url(i/f-icones-immoveille.png) #FEFEF6 no-repeat 0 0;
min-height: 400px; height: auto;
margin: 28px 0 0 210px;
padding: 0 30px 10px 10px;
}

#content-immoveille p.phome {padding: 10px;}
/* #content p.phome:hover {background-color: #F4F4EF; } */

h2.chapo {
font: normal 14px/130% "Trebuchet MS", Arial, Verdana;
padding: 0 0 10px 0;
color: #333367;
text-decoration: underline;
}

/* IMMOVEILLE */
.stylimmoveille input {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: center; 
padding: 4px;
border: 1px solid #333367;
margin: 0 0 0 100px;
}

.stylimmoveille-inscrit input {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: left; 
padding: 4px;
border: 1px solid #333367;
width: 125px;
height: 16px;
margin: 6px 0 0 0;
}

.stylimmoveille-inscrit2 input {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: left; 
padding: 4px;
border: 1px solid #333367;
margin: 6px 0 0 0;
}

.stylimmoveille-oubli input {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: left; 
padding: 4px;
border: 1px solid #333367;
margin: 6px 0 0 0;
}

#content-immovaction {
margin: 28px 0 0 210px;
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
padding: 10px 30px 10px 10px;
height: 440px; height: auto; 
width: 540px;
background-color: #FEFEF6;
}
html > body #content-immovaction {
min-height: 400px; height: auto;
margin: 28px 0 0 210px;
padding: 0 30px 10px 10px;
background-color: #FEFEF6;
}

#content-immovaction p.phome {padding: 10px;}
/* #content p.phome:hover {background-color: #F4F4EF; } */



div{
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*border: 1px solid #000000;*/
}
.div_profil_libelle{
	float:left;
	width:80px;
	margin-top:3px;
	text-align:right;
}
.div_profil_valeur{
	margin-left:90px;
}

.div_profil_libelle_plus_valeur{
	width:250px;
	height:30px;
}

#div_immov_corps h1{
	margin:15px 0 10px 0;
}
#div_immov_corps h2{
	margin:15px 0 10px 0;
}

#div_profil_renseignements_personnels{
	height:220px;
}
#div_profil_renseignements_personnels h1{
	display:block;
	font-size:18px;
}
#div_profil_civilite{
	margin-top:20px;
}
#div_profil_civilite input{
	border:0;
	background:none;
}
#div_profil_nom{
	float:left;
}
#div_profil_prenom{
	margin-left:260px;
}
#div_profil_adresse{
	width:260px;
}
#div_profil_cp{
	float:left;
}
#div_profil_ville{
	margin-left:260px;
}
#div_profil_email{
	float:left;
	width:260px;
}
#div_profil_telephone{
	margin-left:260px;
}

#div_profil_optout{
	clear:both;
	width:auto;
	float:none;
}
#div_profil_optout .div_profil_valeur{
	text-align:right;
	float:left;
	margin-left:0;
	width:80px;
}
#div_profil_optout .div_profil_libelle{
	text-align:left;
	margin-left:90px;
	width:auto;
	float:none;
	padding-top:2px;
}

#div_profil_projet{
	clear:both;
	height:120px;
}
.div_profil_perso_libelle_plus_valeur{
	height:30px;
	clear:both;
}
.div_profil_perso_libelle_plus_valeur .div_profil_libelle{
	width: 390px;
	text-align:left;
}
#div_profil_criteres_de_recherche{
	clear:both;
	height:270px;
}
#div_profil_criteres_de_recherche h1{
	display:block;
	font-size:18px;
}

/* recherche profil */
.div_rech_libelle{
float:left;
width:85px;
margin-top:3px;
text-align:right;
}
.div_rech_valeur{
float:left;
margin-left:10px;
}
.div_rech_libelle_plus_valeur{
float:left;
width:240px;
height:30px;
margin-left:10px;
}

#div_rech_type_de_bien .div_rech_valeur select{
	width:130px;
	z-index:2;
}
#div_rech_departement{
clear:both;
}
#div_rech_departement .div_rech_valeur select{
	width:130px;
	z-index:2;
}
#div_rech_ville{
	clear:both;
}
#div_rech_choix_alentours{
	clear:both;
	width:500px;
}
#div_rech_choix_alentours .div_rech_libelle{
	width:80px;
	margin-top:-3px;
}
#div_rech_choix_alentours .div_rech_valeur input{
	border:none;
}
#div_rech_nb_pieces_cases{
	width:400px;
}
#div_rech_nb_pieces_cases .div_rech_libelle{
	width:80px;
}
#div_rech_nb_pieces_cases .div_rech_valeur{
	margin-top:6px;
}
#div_rech_nb_pieces_cases .div_rech_valeur input{
	border:none;
}

#div_rech_surface_min, #div_rech_surface_max{
	margin-top:15px;
}
#div_rech_surface_min{
clear:both;
}
#div_rech_surface_max{
width:200px;
}

#div_rech_prix_min .div_rech_valeur,
#div_rech_prix_max .div_rech_valeur,
#div_rech_surface_min .div_rech_valeur,
#div_rech_surface_max .div_rech_valeur,
#div_rech_ville .div_rech_valeur{
_margin-left: 5px;
}

#div_rech_tri{
clear:both;
}
#div_rech_tri {
margin-top:12px;
}
#div_rech_uniquement_avec_photo
{
margin-top:10px;
}
#div_rech_specifique{
width:200px;
margin-top:4px;
}
#div_rech_specifique .div_rech_libelle{
	text-align:right;
	width:150px;
	margin-top:2px;
}
#div_rech_specifique .div_rech_valeur{
}
#div_rech_specifique .div_rech_valeur input{
	border:none;
}

#div_rech_champs_obligatoires{
clear:both;
}
#div_rech_enregistrement_recherche{
margin-top:20px;
float:left;
}
#div_rech_btn_rechercher{
clear:both;
margin-top:20px;
}
#div_rech_btn_rechercher{
clear:both;
text-align:center;
}

#div_profil_identification{
	clear:both;
}
#div_profil_identification .div_profil_libelle_plus_valeur{
	float:none;
	clear:both;
	height:30px;
	width:420px;
}
#div_profil_identification .div_profil_libelle{
	clear:both;
	float:left;
	width:240px;
}
#div_profil_identification .div_profil_valeur{
	float:none;
	margin-left:250px;
}

#div_profil_validation{
	clear:both;
}

#div_profil_btn_supprimer{
	float:left;
	text-align:center;
}

#div_profil_rech_btn_valider{
	clear:both;
	text-align:center;
	margin-top:100px;
	_margin-top:20px;
}
#div_profil_btn_valider{
	margin-top:10px;
	text-align:center;
}
#div_profil_champs_obligatoires{
	margin-top:10px;
	text-align:right;
}
#div_profil_mentions_legales_cnil{
	margin-top:20px;
}

/*
ID CONTENT = PAGES AGENCES
----------------------------------------------------------------------------------------------------------------*/
#content {
background-color: #FEFEF6;
margin: 28px 0 0 210px;
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
padding: 0 30px 10px 10px;
height: 400px;
width: 540px;
}
html > body #content {min-height: 400px; height: auto; background-color: #FEFEF6;}

h2.agence {
font: normal 14px/130% "Trebuchet MS", Arial, Verdana;
margin: 20px 0 0 0;
padding: 4px 0 4px 10px;
color: #333367;
text-decoration: underline;
display: block;
background: url(i/bg.gif) repeat 0 0;
height: 20px;
}
html > body h2.agence {padding: 4px 0 4px 10px; margin: 0 0 10px 0;}

.seo {display: none;}

.thumbnail-photo-paysage {
float: left;
border: 1px solid #009583;
margin: 10px 0 0 20px;
padding: 2px;
width: 190px;
height: 142px;
}

.thumbnail-photo-portrait {
float: left;
border: 1px solid #009583;
margin: 10px 0 0 10px;
padding: 2px;
width: 142px;
height: 190px;
}

.thumbnail-plan {
float: right;
border: 1px solid #009583;
margin:  10px 0 0 10px;
padding: 2px;
width: 300px;
height: 300px;
}

.thumbnail-plan-portrait {
float: left;
border: 1px solid #009583;
margin: 10px 0 0 108px;
padding: 2px;
width: 241px;
height: 232px;
}

.clearboth {clear: both;}

.titre-agence {
font-weight: bold;
color: #626262;
}

.thumbnail-region {
float: left;
border: none;
margin: 0 0 0 70px;
padding: 2px;
}

/*
ID CONTENT = PAGES METIERS
----------------------------------------------------------------------------------------------------------------*/
h2.chiffre-métier {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
font-weight: bold;
color: #138A13;
text-decoration: underline;
display: inline;
background: url(i/bg.gif) repeat 0 0;
}

h2.titre-métier {
font: bold 15px/130% "Trebuchet MS", Arial, Verdana;
color: #138A13;
text-decoration: underline;
display: block;
background: url(i/bg.gif) repeat 0 0;
height: 20px;
padding: 4px 0 8px 4px;
/* border-right: 3px solid #626262; */
}

.puce {
display: block;
background: url(i/puce.gif) no-repeat 10px 50%;
text-indent: 30px;
}

#content li {list-style-type: none;}

/*
MODULE FORMULAIRE DE LA PAGE D'ACCUEIL
----------------------------------------------------------------------------------------------------------------*/
.radio_button {
font: bold 11px/100% Arial, Verdana; 
color: #333367;
}

#form-home {border: 1px dotted #009583; padding: 4px 10px 4px 20px; background: url(i/bg.gif) repeat 0 0;}
* html #form-home {border: 1px solid #009583;} /* IE WIN HACK */

.formrech {font: bold 11px/100% Arial, Verdana; color: #333367;}
.champ, .champtext {font: bold 11px/100% Arial, Verdana; color: #000; border: 1px solid #009583;}

.liste_types_biens { }
.liste_types_biens select { border: 1px solid #009583; z-index:2 }

#table tr, td input {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: left; 
padding: 4px;
}

#table tr, td select {
background-color: #F4F4EF;  
font: bold 11px/100% Arial, Verdana;
text-align: left; 
padding: 4px;
z-index:2;
}


.b_validhome a {
font: bold 11px/140% Arial, Verdana;
color: #333367;
background-color: #FFF;
border: 1px solid #333367; 
padding: 2px 2px 2px 4px;
}
* html .b_validhome a {color: #FFF; background-color: #333367;} /* IE WIN HACK */
.b_validhome a:hover {
color: #FFF;
background-color: #333367;
}
* html .b_validhome a:hover {color: #333367; background-color: #FFF; border: none;} /* IE WIN HACK */

.b_rechavancee a {
font: bold 11px/140% Arial, Verdana;
color: #333367;
border: 1px solid #333367;
padding: 2px 2px 2px 4px;
}
* html .b_rechavancee a {color: #FFF; background-color: #333367;} /* IE WIN HACK */
.b_rechavancee a:hover {
color: #FFF;
background-color: #333367;
}
* html .b_rechavancee a:hover {color: #333367; background-color: #FFF; border: none;} /* IE WIN HACK */


/*
MODULE COUP DE COEUR|
-------------------------------------------------------------------------------------*/
div#mod_cdc_g {
clear:left;
float: left;
width: 255px;
margin: 10px 10px 0 0;
}

div#mod_cdc_d {
float: left;
width: 255px;
margin: 10px 0 0 15px;
}


.imagecoupdecoeur {
display: block;
margin: 6px 0 0 10px;
border: 1px solid #009583;
width: 152px;
height: 112px;
padding: 1px;
}

.titre-coupdecoeur {
font: bold 14px/140% Verdana, Arial; 
color: #333367;
text-align: left;
word-spacing: 2px;
margin-left: 10px;
}

table p {margin: 0 10px 0 10px; font: normal 12px/130% "Trebuchet MS", Arial, Verdana; text-align: justify;}
table p.bien {display: inline; font: normal 12px/130% "Trebuchet MS", Arial, Verdana; color: #333367;}
table p.geo {display: inline; color: #138A13;}
table .ref-coupdecoeur, .fai-coupdecoeur {font: normal 12px/130% "Trebuchet MS", Arial, Verdana; color: #333367;}
table .coupdecoeur-detail a {margin: 10px 0 0 10px; font: normal 12px/130% "Trebuchet MS", Arial, Verdana; color: #333367;}
table .coupdecoeur-detail a:hover {text-decoration:underline;}


/*
ID FOOTER|
------------------------------------------------------------------------------*/
#footer {
width: 700px;
margin: 0 auto; 
border-top: 1px dashed #009583; 
background: url(i/footerbg.jpg) #FEFEF6 no-repeat 0 0;
}

#footer p {
margin: 4px 0 4px 0;
font: normal 10px/140% Verdana, Arial;
text-align: center;
word-spacing: 2px;
}

#footer > p {margin: 4px 0 4px 0; font: normal 10px/140% Verdana, Arial;}

#footer a {font-weight: bold; color: #333367; text-decoration: none;}
#footer a:hover {font-weight: bold; color: #999; text-decoration: none; background-color: #F4F4EF;}

.bleu-fonce {font: normal 10px/140% Verdana, Arial; color: #333367;}



/*
STYLES SITIMMO
-----------------------------------------------------------------------------------------------------------------------------*/
img					{border: none;}
table				{border-collapse: collapse;}
.defaut				{text-decoration: none; font-size: x-small; font-family: arial; color: black; text-align: left;}
.defaut H1 { 
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #333367;
display: block;
border: 0px;
background: url(i/bg.gif) repeat 0 0;
height: 25px;
padding: 4px 0 0 4px;
/* border-right: 3px solid #626262; */
margin-top: 0; _margin-top: 8px;
margin-bottom:8px;
}
.copyright {
font: normal 9px/100% Arial;
text-decoration: none;
color: #983030;
text-align: right;
}
.modif_rech			{text-decoration: none; font-size: x-small; font-weight: bold; font-family: arial; color: black;}
.selection_popup	{text-decoration: none; font-size: xx-small; font-weight: bold; font-family: arial; color: #FF7900; text-align: center;}
.erreur				{text-decoration: none; font-size: medium; font-weight: bold; font-family: arial; color: red; text-align: center; line-height: 5;}
.erreur_mini		{text-decoration: none; font: bold 10px/100% Arial; color: #000; text-align: center;}
.erreur_defaut		{text-decoration: none; font: bold 10px/100% Arial; color: #000; text-align: center;}
.num_page			{text-decoration: underline; font: bold 11px/100% Arial; color: #333367; text-align: center;}
.txt_num_page		{text-decoration: none; font: bold 11px/100% Arial; color: #000; text-align: center;}
.txt_num_page img	{vertical-align:middle;}

.page_courante		{text-decoration: none; font: bold 11px/100% Arial; color: #333367; text-align: center;}
.total				{text-decoration: none; font: normal 12px/100% Arial; color: #333367; text-align: center; margin-top: 6px;}
.tri				{text-decoration: none; font: bold 10px/100% Arial; color: #333367; color: #000; text-align: center;}
.tri a:link, .tri a:visited	
					{text-decoration: underline; font: bold 10px/100% Arial; color: #333367; color: #000; text-align: center;}
.tri a:hover		{text-decoration: none; font: bold 10px/100% Arial; color: #333367; color: #000; text-align: center;}
.tri select			{border: 1px solid #009583; font: bold 9px/100% Arial; }
.titre				{text-decoration: none; font-size: small; font-weight: bold; font-family: arial; color: #333367;}
.infos				{text-decoration: none; font-size: 11px; font-weight: bold; font-family: arial; color: #626262;}
.ville				{text-decoration: none; font-size: 11px; font-weight: bold; font-family: arial; color: #626262;}
.date				{text-decoration: none; font: bold italic 10px/100% Arial; color: #000; text-align: right;}
.ref				{text-decoration: none; font-size: 11px; font-weight: bold; font-family: arial; color: #333367;}
.agence				{text-decoration: none; font-size: 11px; font-weight: bold; font-family: arial; color: #333367;}
.corps {
/* text-decoration: none; font-size: x-small; font-family: arial; color: black; text-align: justify; */
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
margin: 0;
color: #000;
}

.detail_fond {background:url(i/bg.gif) repeat 0 0;}

/* ADAPTATION DES STYLES DE LA CLASSE CI-DESSOUS */
.detail_titre {
/* text-decoration: none; font-size: medium; font-weight:  bold; font-family: arial; color: #DD8731; text-align: center; */
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #333367;
display: block;
border: 1px solid #000;
background: url(i/bg.gif) repeat 0 0;
height: 25px;
padding: 4px 0 0 4px;
/* border-right: 3px solid #626262; */
margin-top: 0; _margin-top: 8px;
width:99%;
}

.detail_titre2 {
/* text-decoration: none; font-size: medium; font-weight:  bold; font-family: arial; color: #DD8731; text-align: center; */
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #333367;
display: block;
background: url(i/bg.gif) repeat 0 0;
height: 25px;
/* border-right: 3px solid #626262; */
margin-top: 0; _margin-top: 8px;
}

.creation_compte {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
}


.detail_prix {
text-decoration: none; 
font: bold 14px/100% Arial; 
color: #626262;
text-align: left;
height: 30px;
}

.detail_infos {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;
}

.detail_ref	{
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262; 
text-align: center;
}

.detail_corps {
text-decoration: none; 
font: normal 11px/130% Arial; 
color: #000; 
text-align: left;
border: 1px solid #000;
background: url(i/bg.gif) repeat 0 0;
}

.detail-sstitre, .detail-surface, .detail-nbpieces, .minortitle	{text-decoration: none; font: bold 13px/130% Arial; color: #626262; text-align: left;}

.detail_texte {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: black; 
text-align: justify;
}

.detail_comp {
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; text-align: left;
}
.detail_rub	{
text-decoration: none; 
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}

.ag_coord_titre	{
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord			{
/* text-decoration: none; font-size: x-small; font-weight: bold; font-family: arial; color: #993333; text-align: right; */
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
text-align: left;
color: #009583;
}
.ag_coord_txt {
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:link, .ag_coord_txt a:visited {
text-decoration: none; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:hover {
text-decoration: underline; 
font: bold 12px/130% "Trebuchet MS", Arial, Verdana;
color: #000; 
text-align: left;
}
.icone_txt {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;}

.icone_txt a {
font: normal 12px/130% "Trebuchet MS", Arial, Verdana;
color: #626262;}

hr 
{background-color: #626262;
}

.plink {font: normal 12px/130% "Trebuchet MS", Arial, Verdana; color: #000;}


.enveloppe {
background:url(i/enveloppe.gif) no-repeat 0 50%;
color: #333367;
display: block;
text-indent: 16px;
}

div#content div#wrapperCartela {
margin: 10px 10px 10px 15px;
}
div#content div#cartela {
width: 503px;
height: 322px;
border: solid 1px #000;
}

div#content div#cartela ul li a.nce {
background: url(i/iconeLogonce.gif) no-repeat 0 0;
width: 60px;
height: 60px;
display: block;
position: absolute;
left: 680px;
top: 448px;
}
* html div#content div#cartela ul li a.nce {left: 690px; top: 418px;} /* IE WIN HACK */

div#content div#cartela ul li a.marguerite {
background: url(i/iconeLogonsaintemarguerite.gif) no-repeat 0 0;
width: 100px;
height: 60px;
display: block;
position: absolute;
left: 383px;
top: 463px;
}
* html div#content div#cartela ul li a.marguerite {left: 397px; top: 437px;} /* IE WIN HACK */

div#content div#cartela ul li a.marc {
background: url(i/iconeLogonsaintmarc.gif) no-repeat 0 0;
width: 100px;
height: 60px;
display: block;
position: absolute;
left: 453px;
top: 438px;
}
* html div#content div#cartela ul li a.marc {left: 465px; top: 413px;} /* IE WIN HACK */

div#content div#cartela ul li a.lespins {
background: url(i/iconeLogolespins.gif) no-repeat 0 0;
width: 100px;
height: 60px;
display: block;
position: absolute;
left: 360px;
top: 405px;
}
* html div#content div#cartela ul li a.lespins {left: 373px; top: 375px;} /* IE WIN HACK */

div#content div#cartela ul li a.casino {
background: url(i/iconeLogocasino.gif) no-repeat 0 0;
width: 100px;
height: 60px;
display: block;
position: absolute;
left: 253px;
top: 418px;
}
* html div#content div#cartela ul li a.casino {left: 263px; top: 390px;} /* IE WIN HACK */

div#content div#cartela ul li a.pornichet {
background: url(i/iconeLogopornichet.gif) no-repeat 0 0;
width: 100px;
height: 60px;
display: block;
position: absolute;
left: 336px;
top: 430px;
}
* html div#content div#cartela ul li a.pornichet {left: 353px; top: 403px;} /* IE WIN HACK */