/** MODIF
ac-11-06-09-AT15696 taille dispo_entete > 11px
*/
A:active  {	font-size: 8pt;	color: black;
}
A:visited {	font-size: 8pt; color: teal;
}
A:link    {	font-size: 8pt;	color: #000000;
}
A:hover   {	font-size: 8pt;	color: #F2B956;
}
H1 {font-size: 10pt; font:  normal; color: #21215A; font-family: Arial;
}
H2 {font-size: 9pt; font-family: Arial;
}
H3 {font-size: 8pt; font-family: Arial; font:  normal;
}
H4 {font-size: 8pt; color: #21215A; font-family: Arial; font:  normal;
}
H5 {text-align: left;	font: normal;	font-size: x-small;	font-family: Arial;
}
FONT {font-size: 8pt;color: #21215A; font-family: Arial; font: normal;
}
FONT.exergue {font-size: 8pt; color: #21215A; font-family: Arial; font: bold;
}
FONT.invisible {color: #FFFFFF; font-family: Arial;
}
FONT.petite {font-size: 8pt; color: #21215A; font-family: Arial; font: normal;
}
FONT.petite_exergue {font-size: 8pt; color: #21215A; font-family: Arial; font: bold;
}

LI { size: 8px;
}
.hand {
	cursor: pointer;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
li.crit {
	list-style: inside;
}
/************************************* body navigate ************/
BODY.navigate {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000000;
}
TD.navigate {
	vertical-align: top;
	text-align: left;
	border: none;
	font: bold;
	font-size: 10pt;
	background: #FFFFFF;
	padding-bottom: 1;
	padding-left: 1;
	padding-right: 1;
	padding-top: 1;
}
/************************************* menu navigate ************/
A.menu:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 137px; COLOR: #21215a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 137px; COLOR: #21215a; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menu:hover { FONT-WEIGHT: bold; FONT-SIZE: 8pt; WIDTH: 137px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #21215a; TEXT-DECORATION: none
}
/**********************************************************************************/
.entete {
	background: white;
}
/*************************************tableaux***********/
TABLE.ark {
/*	background: #F7EFDE;*/
	border: none;
	width: 700px;
}
.medium {
	border: none;
	width: 650px;
}
.small {
	border: none;
	width: 500px;
}
DIV.div_https {
	/* si fonction customfade() désactivé (return) -> activer la couleur de fond sur BODY*/
}

DIV.div_entete {
	background-image: url(../Images/bg_top.gif);
	background-position: left top;
	background-repeat: repeat;
}
TD.ark {
	text-align: center;
	vertical-align: middle;
	font: bold;
	border: none;
	font-size: 10pt;
	background: #FFFFFF;
	padding-bottom: 1;
	padding-left: 1;
	padding-right: 1;
	padding-top: 1;
}
TD.table_entete {
	font-family: Arial;
	font-size: 8pt;
	background: #21215a;
	height: 15px;
	color: #FFFFFF;
	font: bold;
	text-align: left;
}
TD.table_entete_droite {
	font-family: Arial;
	font-size: 8pt;
	background: #21215a;
	height: 15px;
	color: #FFFFFF;
	font: bold;
	text-align: right;
}
A.table_entete:active {
	color: #FFFFFF;
}
A.table_entete:visited {
	color: #FFFFFF;
}
A.table_entete:link {
	color: #FFFFFF;
}
A.table_entete:hover {
	color: #FFFFFF;
}
TD.navigbarre {
	font-family: Arial;
	height: 25px;
	background: #FFFFFF;
	color: white;
	text-align: center;
}
TD.colliste {
	font-family: Arial;
	color: #21215A;
}
TD.colradio {
	color: #21215A;
	font-family: Arial;
	font: bold;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
}
TD.colcritere {
	font-family: Arial;
	font: bold;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
}
TD.coldispo {
	font-family: Arial;
	font: bold;
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	width: 25%;
}
SELECT {
	font-family: Verdana, Tahoma, Arial;
	font-size: 9pt;
}
/************************************* zones de saisie *******/
INPUT {
	height: 20px;
}
/************************************* boutons ********/
.aa {
	margin: 0px;
	padding: 0px;
	height: 14px;
	vertical-align: middle;
}
.bouton {
	background: #618AD4;
	text-align: center;
	vertical-align: middle;
	font: bold;
	color: white;
	border: 2px outset white;
	font-size: 9pt;
	cursor: pointer;
	height: 20px;
}
.bouton:hover {
	background: #E76933;
}
.page {
	background: white;
	text-align: center;
	vertical-align: middle;
	font: bold;
	color: #5035AE;
	border: none;
	font-size: 9pt;
	cursor: pointer;
	text-decoration: underline;
}
/*************************************dispo*******************/
TD.dispo_entete {
	text-align: left;
	background: #618AD4;
	font-family: Arial;
	font: normal;
	font-size: 11px;
	color: #FFFFFF;
}
A.dispo_entete:active {
	color: #FFFFFF;
}
A.dispo_entete:visited {
    color: #FFFFFF;
}
A.dispo_entete:link {
	color: #FFFFFF;
}
A.dispo_entete:hover {
	color: #FFFFFF;
}
TD.dispo_suite {
	text-align: left;
	height: 30px;
	background: none;
	font-family: Arial;
	font: normal;
	font-size: 10pt;
}
IMG.aff_dispo {
	width: 150px;
	border: 1px solid #5035AE;
}
IMG.no_image {
	width: 150px;
	height: 150px;
}
IMG.loupe {
	border: none;
}
A.navigbarre:active {
	color: #000000;
}
A.navigbarre:visited {
    color: #000000;
}
A.navigbarre:link {
	color: #000000;
}
A.navigbarre:hover {
	color: #F2B956;
}
A.linkwhite:active {
	color: white;
	text-decoration: none;
}
A.linkwhite:visited {
	color: white;
	text-decoration: none;
}
A.linkwhite:link {
	color: white;
	text-decoration: none;
}
A.linkwhite:hover {
	color: white;
	text-decoration: none;
}
/*************************************descriptifs*/
TD.descr {
	font-family: Arial;
	font: normal;
	font-size: 8pt;
	color: #21215A;
	text-align: left;
	width: 350px;
}
/*************************************galerie photos*/
TD.photo {
	background: white;
}
IMG.galerie {
	border: 0;
}
/*************************************coordonnées*/
TABLE.coord_table {
	width: 320px;
}
TD.coord_entete {
	text-align: left;
	background: #21215a;
	font-family: Arial;
	font: bold;
	font-size: 8pt;
	color: #FFFFFF;
}
TD.coordonnees {
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	background: #D2D3DE;
	width:100%;
}
INPUT.coord {
	height: 20px;
	font-family: Arial;
	font-size: 10pt;
}
SELECT.coord {
	font-family: Arial;
	font-size: 10pt;
}
/************************************* finresa*/
A.finresa:active  {	font-size: 10pt;	color: black;
}
A.finresa:visited {	font-size: 10pt; color: teal;
}
A.finresa:link    {	font-size: 10pt;	color: #000000;
}
A.finresa:hover   {	font-size: 10pt;	color: #F2B956;
}
/*************************************password*/
TABLE.pass_table {
	width: 300px;
}
/***************************** oc301003-visu plng pour pro*/
TD.plng_entete {
	background: #F2B956;  /*#FFCC00;*/
	height: 25px;
	color:  #21215A;
	font-family:Courier New;
	border : 3px;
}
TD.plng_texte {
	background: #9599AE;
	text-align: left;
	vertical-align: top;
	font-family:Courier New;
	color: #21215A;
	border : 3px;
}
/*************************************releve coproprietaire*/
TD.relv_entete {
	text-align: center;
	background: #FFCC00;
}
TD.relv_ligne {
	text-align: left;
}
TD.relv_col_date {
	text-align: center;
	width: 10%;
}
TD.relv_col_mt {
	text-align: right;
	width: 20%;
}
/*************************************agenda coproprietaire*/
TABLE.agda_table {
	width: 800px;
}
TD.agda_entete {
	text-align: center;
	background: #FFCC00;
}
TD.agda_ligne {
	text-align: left;
	vertical-align: top;
	font-size: 7pt;
}
/*************************************agenda coproprietaire fin*/
TD.plng_col_ref {
	font: bold;
}
/*************************************securisation*/
TABLE.secure {
	width: 500px;
}
IMG.secure {
	vertical-align: middle;
	text-align: right;
}
/*************************************realisation*/
DIV.webmaster {
	font-size: 7pt;
	font: normal;
}
/*************************************conditions generales*/
TEXTAREA {
	font-size: 8pt;
}
/*************************************calendrier*/
BODY.cal {
	background: white;
	font-family: Verdana, Tahoma, Arial;
	font-size: 9pt;
	color: #5035AE;
	font:  bold;
}
TABLE.cal {
	width: 200px;
}
TD.calMois { font-size : 10px; font-weight: bold; text-align : center; font-family : verdana, geneva, helvetica, sans-serif; color : #ffffff; background : #7B849C; vertical-align: middle;}
TR.calSemaine { font-size : 9px; font-family : verdana, geneva, helvetica, sans-serif; color : #000000; background : #B5B5C6; }
TD.calJour { font-size : 9px; text-align : center; font-family : verdana, geneva, helvetica, sans-serif; color : #000000; background : #C0C8D6; }
TD.calJour A { font-size : 9px; text-align : center; font-family : verdana, geneva, helvetica, sans-serif; color : #000000; background : #C0C8D6; text-decoration: none; }
TD.calJour A:hover { font-size : 9px; text-align : center; font-family : verdana, geneva, helvetica, sans-serif; color : #ffffff; background : #C0C8D6; text-decoration: none; }
TD.calJourSel { font-size : 9px; font-weight: bold; text-align : center; font-family : verdana, geneva, helvetica, sans-serif; color : #000000; background : #EEEEEE; }






/**/
/*STYLES CUSTOM VL*/
html, body{width:100%;}
body{
	background:#86a7d2 url(../images/fond_body.gif) repeat-x left top;
	margin:0;
	padding:0;
	width:870px;
	font-family:Arial, Verdana, sans;
	color:#666666;
}
div#main{
	position:absolute;
	top:15px;
	left:50%;
	/*margin-left:-438px;
	width:876px;*/
	width:715px;
	margin-left:-352px;
}
div#main img{padding:0;margin:0;}
div#VLtetiere{
	width:715px;
	height:152px;
	background:url(../images/fond_tetiere_clean.png) no-repeat left top;
}
div#VLtetiere p.VLsecure{
	font:normal bold 11px/normal Arial, Verdana, sans;
	padding:5px 0 0 32px;
	margin:0;
	color:#ffffff;
	background:url(../images/lock_vl.gif) no-repeat 15px 5px;
}
div#VLtetiere p.VLsecure2{
	font:normal bold 11px/normal Arial, Verdana, sans;
	padding:5px 0 0 32px;
	margin:0;
	color:#ffffff;
	background:transparent;
}
div#VLtetiere p.VLlienRetour{
	padding:0 15px 0 0;
	margin:0;
	text-align:right;
}
div#VLtetiere p.VLtitre{
	font:normal bold 21px/normal Arial, Verdana, sans;
	text-align:center;
	width:300px;
	padding:0;
	margin:28px 0 0 72px;
	color:#ffffff;
	text-transform:uppercase;
}
div#structure h1{
	color:#000000;
	font:normal bold 18px/normal Arial, Verdana, sans;
	border-bottom:1px solid;
	padding:0 0 10px 0;
	margin:0;
	text-align:left;
}
div#structure{
	background:white;
	width:705px;
	/*color:#666666;*/
	background:white;
	padding:5px;
	margin:0px;
	font-size: 8pt; color: #21215A; font-family: Arial; font: normal;
}
font{color:#666666;}
font.exergue{
	font:normal bold 8pt/normal Arial, Verdana, sans;
	color:#589eda;
}
div#structure table{
	/*border:1px solid #666666;*/
	width:100%;
}
div#structure table td{
	background:#ffffff;
	color:#666666;
	padding: 5px;
	/*height:20px;*/
}
div#structure table td.table_entete{
	border-bottom:2px solid #589eda;
	font:normal bold 12px /normal Arial, Verdana, sans;
	color:#589eda;
	background:#f0f0f0;
	padding: 2px;
	margin: 0;
}
div#structure table td.navigbarre{
	height:25px;
	font-size:0px;
	padding:0;
}
div#structure font.petite_exergue{
	display:block;
	margin-bottom:-30px;
	background:#589eda;
	color:#ffffff;
	font:normal bold 12px/normal Arial, Verdana, sans;
	padding:5px;
}
div#structure table.ark{
	border:1px solid #666666;
}
div#structure table.ark td.colcritere{
	padding:0 10px;
	/*background:#ededed;*/
}
div#structure table.ark font.exergue{font-size:8pt;}
div#structure table.ark font.petite{line-height:14px;}

div#structure td.coord_entete{
	background:#589eda;
	color:#ffffff;
	font:normal bold 8pt/normal Arial, Verdana, sans;
	padding:5px;
}
div#structure table.ark table.coord_table{
	border:none;
	width:auto;
}
div#structure table.ark table.coord_table tr{
	position:relative;
	left:-10px;
}
div#structure table.ark table.coord_table input.coord{
	width:200px;
	border:1px solid #589eda;
}
div#structure textarea, div#structure h3{
	/*width:300px;*/
	margin-left:10px;
}
div#structure table.secure{margin-bottom:20px;border:1px solid #666666;padding:2px;}
div#structure table.secure td{padding:5px}

div#structure table.pass_table td.coordonnees{
	padding:3px 10px 0 10px;
	width:50%;
	text-align:right;
	font:normal bold 14px/normal Arial, Verdana, sans;
	color:#589eda;
}
div#structure table.pass_table td.coordonnees input{
	float:left;
	font:normal normal 12px/normal Arial, Verdana, sans;
	color:#000000;
}
div#structure table.pass_table input.bouton{
	margin-top:30px;
}
div#vlFooter {
	background: transparent url(../images/fond_footer_clean.png) no-repeat;
	height: 122px;
	width: 715px;
}
div#structure table.dispo {
	/*border:1px solid #C9C9C9;*/
	width: 100%;
}
div#structure table.dispo td.dispo_entete{
	border-bottom:1px solid white;
	border-left:1px solid white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: normal;
	color: white;
	background: #618AD4;
	text-align: center;
	margin:0;
	padding:0;
	height: 20px;
	width: auto;
	vertical-align: middle;
}
div#structure table.dispo td.navigbarre{
	height:25px;
	font-size:0px;
	padding:0;
}
div#structure table.dispo td.footerb{
   /*border-bottom:1px solid white;*/
	font:normal 8pt /normal Arial, Verdana, sans;
	color: white;
	background: #618AD4;
	text-align: right;
	border-right: 1px solid white;
	height: 20px;
	padding: 2px;
	margin: 0;
	width: 25%;
}
div#structure table.dispo td.footero{
   /*border-bottom:1px solid white;*/
	font:normal 8pt /normal Arial, Verdana, sans;
	color: white;
	background: #E76933;
	text-align: left;
	border-right: 1px solid white;
	height: 20px;
	padding: 2px;
	margin: 0;
	width: 25%;
}
div#structure table.dispo td.footero:hover{
   /*border-bottom:1px solid white;*/
	font:normal 8pt /normal Arial, Verdana, sans;
	color: white;
	background: #3E8FD4;
	text-align: left;
	border-right: 1px solid white;
	height: 20px;
	padding: 2px;
	margin: 0;
	width: 25%;
}
div#structure div.ark {
	border:1px solid #666666;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
}
div#structure .centpct {
	width:100%;
}
div#structure div.plng_conteneur {
	border:1px solid #666666;
	font-size: 0.9em;
	margin: 0 0 5px 0;
	overflow: auto;
	padding: 0 0 2px 0;
}
div#structure img.galerie {
	width: 200px;
}
/*STYLES CUSTOM VL*/
/**/
body {
	behavior: url("css/csshover3-source.htc");
}