body{margin:0;padding:0;font:12px arial;color:#333;text-align:center;background:#DEDEDE;background-position:top center;background-repeat:no-repeat;}
a{color:#006699;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:underline;color:#AAAAAA;font-weight:bold;}

table, li{
	font:100% Arial;
	line-height:160%;
	color:#333;
	}	

img{border:0;}
form{margin:0;padding:0;}
h1{margin:0;padding:5;text-align:center;padding-left:10;font: bold 25px Helvetica, Geneva, Verdana,  Arial, sans-serif;letter-spacing: 5px;color: #006699;  border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;background-color:#ffffff;}
h2{margin:0;margin-bottom:0;padding:5;padding-left:10;font: bold 13px Helvetica, Geneva, Verdana,  Arial, sans-serif;letter-spacing: 1px;color: #006699;  border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;background-color:#ffffff;}
h5{font-size:12px;margin:0 0 10px 0;padding:0;}
hr{background-color:#fff;color:#fff;_margin:0 0 -5px 0;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #e5e5e5;height:1px;padding:-5px 0 0 0;}

.pubh{width:728px;border:1px solid #333333;}
.pub{width:300px;border:1px solid #333333;}
.textpub{text-align=right;font:10px arial;color:#666666}

.titrechamps{font:13px arial;color:#666666;margin:0 0 10px 0;padding:0;}
.valeurchamps{font:bold 13px arial;color:#006699;margin:0 0 10px 0;padding:0;}
.tdfintable{border-style:solid;border-color:#9E0E0E;background:#FFFFFF;}
.tdfintd{border-style:none;text-align:right;}

.diverreurform{border-style:solid;border-color:#CC0E0E;background:#FFFFFF;padding:15px}
.divobligatoireform{border:2px dotted #DDDDDD;background:#3399bb;padding:5px;color:#FFFFFF;}
.divnonobligatoireform{padding:5px}
.btnvoirtout{position:relative;bottom:23px;float:left;width:1px;}
.btnalerte{position:absolute;top:230px;}
.lienmodifannonce{font:13px arial;color:#FFFFFF;background:#009900;}

.divtitrepage{margin-top:0px;font:40px arial;color:#006699;text-align:center;}
.divtitrepage2{font:20px arial;color:#777777;text-align:center;margin-bottom:20;}
.lienretour{font:11px arial;color:#777777;  position: absolute; }

.etat{ position: absolute;}
.placezvous{ color:#FF0000; }

.onglet{display:inline-block; }

.nbpages{text-align:center;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
.nbpage{border:1px solid #006699; background:#FFFFFF;margin:10px;padding:5px;}
.nbpageencours{border:1px solid #999999; background:#FFFFFF;margin:10px;padding:5px;}
.photos{display:inline-block;border:1px solid #999999;}

.onglet2{ height:20px;width:150px;  border-bottom: 1px solid #CCCCCC; text-align:center; vertical-align:middle; background:url(/fichiers-html/onglet.png)}
.onglet2b{ height:20px;width:150px;  border-bottom: 1px solid #CCCCCC; text-align:center; vertical-align:middle; background:url(/fichiers-html/ongletb.png)}
.multipleselect{  }
.nuage{ width:100%; border-style:solid;border-color:#FFFFFF;}
.motnuage{display:inline-block; padding:2px;}


.menuhaut{color:#FFFFFF;text-decoration:none;font:15px arial;}
.menuhaut:hover{text-decoration:underline;font:15px arial;}

.btnradio {}
.btnradiochaque {white-space:nowrap;}
.exemple {font: 9px arial;color:#999;margin:0 0 0 5px;padding:0;}

.cadrearrondi {border:0; border-spacing: 0px;border-collapse: collapse;width:100%;}
.cghb {padding:0px; background-image:url(/fichiers-html/cghb.png);height: 15px;width: 15px;}
.bdh {padding:0px; background-image:url(/fichiers-html/bdh.png); height: 15px; vertical-align: top; }
.cdhb {padding:0px; background-image:url(/fichiers-html/cdhb.png);height: 15px;width: 15px;}
.bdl {padding:0px; background-image:url(/fichiers-html/bdl.png);width: 15px;}
.bdbg {padding:10px; background-image:url(/fichiers-html/bdbg.png);}
.bdr {padding:0px; background-image:url(/fichiers-html/bdr.png);width: 15px;}
.cgbb {padding:0px; background-image:url(/fichiers-html/cgbb.png);height: 15px;width: 15px;}
.bdb {padding:0px; background-image:url(/fichiers-html/bdb.png);height: 15px;}
.cdbb {padding:0px; background-image:url(/fichiers-html/cdbb.png);height: 15px;width: 15px;}
/* form 1 */
.enteteaccueil{background:url(/fichiers-html/image_accueil.png) no-repeat 50% 0 ; width: 100%; height: 165px; text-align:center;position:relative;bottom:15px;}



.numeros{width: 100%;height:60px;float:left;font: bold 13px Arial;color: #333333;letter-spacing: 1px;position:relative;bottom:5px;}


.possibilite{margin:10px;padding-left:10px; padding-right:10px; height:43px; width:250px;border:1px solid #006699; background:#FFFFFF;display : table-cell;vertical-align:middle;text-align:center;}

.retroenchere{margin:10px;padding:20px; height:43px; width:400px;border:5px solid #999999; background:#FFFFFF;display : table-cell;vertical-align:middle;}

.imagepossibilite{height:100%; border:1px solid #006699; background:#FFFFFF;float:left;vertical-align:middle;text-align:center;}

.accueilliste {width: 48%;padding:0px; display:inline-block;}
.accueilliste2 {width: 20%;padding:0px; display:inline-block;}
.imageaccueil {width: 100%;display:inline-block;}

table#tarif td{padding:10px;margin:0px;text-align:center;background: #FFFFFF;border:1px solid #CCCCCC;}




.universliste {width: 250px;padding:0px; display:inline-block;}
.imageunivers {width: 197px;height:150; display : table-cell;vertical-align:middle; }

.googlemap {width: 100%;height:300px;border:1px solid #006699;display:inline-block;}

.menumoncompte {width: 225px;padding:10px;  float: left; background-color:#EEEEEE; border:1px solid #006699;position:relative;top:5px;}
.cadremoncompte {width: 100%;}
.tableaumoncompte{width: 100%;}
.tableautdmoncompte{width: 210px;vertical-align:top;}

.idutil{border:1px solid #CCCCCC;padding-left:10px;padding-right:10px;}
.idannonce{border:1px solid #CCCCCC;padding-left:10px;padding-right:10px;}

.afficherecherche {width: 300px;padding:0px; display:inline-block;font:10px arial;color:#333;}
.refannonce{font:11px arial;color:#777777; position:relative;top:10px;}

.ligneform { text-align:left;margin:10px;margin-bottom:0px;padding:10px;  display:inline-block; vertical-align:top; border:1px solid #BBBBBB;}

.reception {margin-bottom:10px; height: 20px; font: 15px verdana; background-image:url(/fichiers-html/titre-reception.png);}

#forminscription td{padding:5px;text-align:right;}
#forminscription input[type=text]{width:250px;}
#forminscription input[type=password]{width:250px;border:1px solid #bbbbbb;background:url(/fichiers-html/form_input.gif) repeat-x ;}
#forminscription select{width:250px;}

	#form1 legend{display:none;}	

	#form1 p{margin:.5em 0;}	

	#form1 input[type=text],input[type=password],input[type=select], #form1 textarea{		
		font:12px Arial;
		border:1px solid #bbbbbb;
		background:url(/fichiers-html/form_input.gif) repeat-x ;

		}		
	#form1 	input[type=radio] {
	
		 margin-right:10px;
		 background-color:transparent;
		 border:none;
		 }

	#form1 textarea{
		height:125px;
		overflow:auto;
		background:url(/fichiers-html/form_input.gif) repeat-x ;
				background-color:#ffffff;
		}					

	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(/fichiers-html/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */



a.info{
    position:relative; 
    z-index:24;
    color:#006699;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#6699ff}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:15px; left:15px; width:150px;
    border:1px solid #6699cc;
    background-color:#ffffff; color:#333333;
    text-align: justify;
    font-weight:none;
    padding:5px;
    
    }
    
    a.info2{
   position:absolute; 
    z-index:24;

    color:#006699;
    text-decoration:none}

a.info2:hover{z-index:25; background-color:#6699ff}

a.info2 span{display: none}

a.info2:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:15px; left:0px; width:300px;
    border:1px solid #6699cc;
    background-color:#ffffff; color:#333333;
    text-align: justify;
    font-weight:none;
    padding:5px;
    
    }
    span.idpage {
    border:1px solid #6699cc;
    }




.taille {font-size: 13px}
.saut
   {
   /* saut de page apres le bloc*/
   /*page-break-after : always;*/
  /* saut de page avant le bloc*/
   page-break-before : always;
   }

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */



