/* CSS Document */
html{
   background:#FFFFFF url(../../fond/coloc/body.jpg) repeat-x 0px -50px;
   text-align:center;
}
#intro{
   position:absolute;
   display:block;
   top:54px;
   background:url(../../fond/coloc/intro.jpg) no-repeat top center;
   height:290px;
   width:100%;
   text-indent:-9999px;
}
/**************** MENU HAUT *************/
#menu{
   position:relative;
   margin-left:auto;
   margin-right:auto;
   background:url(../../fond/coloc/menu.jpg) no-repeat top left;
   width:900px;
   height:35px;

}
.m2{margin-left:50px;}
.m3{margin-left:50px;}
.m4{margin-left:45px;}
.m5{margin-left:45px;}
.m6{margin-left:42px;}


/******************************** HAUT DE PAGE *******************************************/
#logo a{
   color:#FF2400;
   font-size:60px;
   margin-left:155px;
   font-weight:bold;
   letter-spacing:-1px;
}
.present{
   width:475px;
   margin-left:30px;
}
/*.pointi{
   width:475px;
   height:5px;
   background:url(../../element/coloc/pointille_present.png) no-repeat top center;
   clear:both;
   display:block;
}*/

/******************************** CONTENU *******************************************/
.search{
   position:relative;
   float:left;
   width:424px;
   height:180px;
   background:url(../../fond/coloc/encart_search.jpg) no-repeat top left;
}
.u_search{
   margin-right:20px;
}
.search h1{color:#FFFFFF; font-size:1.8em; font-weight:normal; margin-top:5px; margin-left:10px; letter-spacing:1px;}

.u_search .form-search{
   float:left;
   width:320px;
   margin-top:25px;
   margin-left:0px;
}
.u_purpose .form-search{
   float:left;
   width:320px;
   margin-top:25px;
   margin-right:10px;
   margin-left:25px;
}
.form-search label{
   width:110px;
   float:left;
   margin-right:5px;
   text-align:right;
}
.form-search select, .form-search input{
   width:200px;
   height:15px;
   float:left;
   margin-bottom:10px;
   border:1px solid #B6B6B6;
}
#formsearch .localisation{width:100%;}
.imgfield{
  width:243px!important;
   height:40px!important;
   border:none!important;
   margin-top:-3px!important;
   margin-left:65px!important;
   color:#FFFFFF;
   font-size:1.3em;
   font-weight:bold;
   font-style:italic;
   cursor:pointer;
}
.u_search .imgfield{
   background:url(../../element/coloc/submit-left.gif) no-repeat 0px 7px;
}
.u_purpose .imgfield{
   background:url(../../element/coloc/submit-right.gif) no-repeat 0px 7px;
   margin-left:105px!important;
}

.visuel{
   position:absolute;
   top:120px;
   margin-left:335px;
   z-index:10;
}
.result-search , .result-purpose{
   width:310px;
   float:left;
   clear:both;
   margin-top:35px;
   font-size:1.2em;
   font-weight:bold;
   text-align:center;
   color:#3E3E3E;
}
.result-purpose{float:right;}
.red_underline{font-size:1em; color:#FF0036; text-decoration:underline;}

#last_insc, #last_annonce{
   float:left;
   width:431px;
   height:180px;
   margin-top:60px;
   overflow:hidden;
   
}
#last_insc{
   margin-right:20px;
   margin-left:-10px;
}
.titre_insc{ height:31px; background:url(../../element/coloc/titre-lastinsc.jpg) no-repeat top left;}
.contenu_insc, .contenu_annonce{ background:#FFFFFF url(../../fond/coloc/last_encarts.jpg) repeat-x bottom left; min-height:125px; height:auto!important;height:125px;}
.plus_insc{height:31px; background:url(../../element/coloc/plus-lastinsc.jpg) no-repeat top left; height:28px; text-align:right; padding-right:25px; padding-top:3px;}
.plus_insc a{color:#FFFFFF;}

.titre_annonce{ height:31px;background:url(../../element/coloc/titre-lastannonce.jpg) no-repeat top left;}
.plus_annonce{background:url(../../element/coloc/plus-lastannonce.jpg) no-repeat top left; height:28px;text-align:right;padding-right:25px;padding-top:3px;}
.plus_annonce a{color:#ffffff;}

.photo img{
   margin-top:10px;
   margin-right:2px;
   float:left;
   border:1px solid #999999;
}
.lastphoto{margin-right:0px!important;}

.description{
   padding:10px;
   clear:both;
}



/********************** TABLEAU LISTE *************************/
#tablo_liste{
   width:420px;
   margin-left:5px;
   margin-right:10px;
   margin-top:10px;
}
#tablo_liste strong{color:#14356C;}
#tablo_liste td{padding-top:4px;padding-bottom:4px;}
.date{width:78px; padding-left:5px;}
.points{background:url(../../element/point.gif) repeat-x center left;width:43px;}
.depart, .arrivee{padding-left:5px;}

/********************************* FORMULAIRE DEPOT ************************/
#depot{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:98%;
}
#depot fieldset{
	border:1px solid #887779;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#E31937; font-weight:bold;}
#depot label{width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#depot input, #depot select, #depot textarea{width:280px; border:1px solid #333333; margin-bottom:5px; vertical-align:middle;}
#depot .localisation{width:100%; display:block;}
.check{ width:20px!important; vertical-align:middle; margin-left:5px;}
.radio{width:20px!important; vertical-align:middle; margin-left:5px;}
.divchoix{width:480px;  margin-bottom:5px;}

.conseil{width:550px;float:left;padding:10px;}
.sub_annonce{ background-color:#E31937; color:#FFFFFF; border:none; cursor:pointer;}


.encartphoto{min-height:100px!important; height:auto!important; height:100px;}
.encartphoto img{border:1px solid #666666}
.uploader{width:230px;float:left}
#liste_photos{width:325px; float:right;}
.suppr_photo{border:none!important; display:block}

/********************************* FORMULAIRE criteres ************************/
#rech_crit{
	border:1px solid #999999;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:0px;
	width:845px;
	display:none;
}
.titre_rech{
	background:url(../../fond/covoit/titre_rech.jpg) repeat-x top left;
	height:17px;
	padding:3px;
	padding-left:2px; padding-right:10px;
	width:855px;
	border-bottom:1px solid #3B5686;
	font-size:1.2em; font-weight:bold;
	letter-spacing:2px;
}

.rech_plus{background:url(../../element/covoit/boot_rech.gif) no-repeat 0px -2px; width:864px; text-align:center;height:20px;color:#FFFFFF;}

#critere{
	position:relative;
	margin-left:0px;
	width:100%;
}
#critere label{ display:block; width:130px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#critere input, #critere select, #critere textarea{width:180px; border:1px solid #333333; margin-bottom:5px;}
#critere .type{height:35px;}
.localisation{ width:46%; float:left;}
.left{border-right:1px dotted #666666;}
.lance_search{ background:url(../../element/lancer_search.jpg) no-repeat; width:99px!important; height:49px; text-indent:-99999px;cursor:pointer;border:none!important; float:right;margin-top:-50px;}

/*********************** TABLEAU RESULTAT ***************/
#result{ width:98%; background:#FFFFFF url(../../element/sepa.gif) no-repeat bottom center;padding-bottom:20px;}
#result thead{
	background-color:#3B5686; color:#FFFFFF;
}
#result th{padding:5px; border-right:1px dotted #999999;}
#result td{border-bottom:1px solid #999999;padding-bottom:3px;}
#result a{color:#3B5686;}
#result a:hover{color:#000000;}

/**************  ***************/
.contenu h1{font-size:1.4em; color:#0C89CB;border-bottom:none!important;}
.contenu h2{font-size:1.1em; color:#DC1C37;border-bottom:none!important;}

#colonne_gauche h1{font-size:1.1em; color:#0C89CB; border-bottom:1px dotted #0C89CB; padding-bottom:3px; margin-bottom:5px;}
#colonne_gauche ul{margin-left:15px;}
#colonne_gauche li{list-style:url(../../element/commun/puce_bleu.gif)!important;list-style-position:outside;margin-top:2px;}

/************  ***************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #333333;
	background-color: #CB0C46;
	padding: 5px;
	opacity: 0.85;
	color:#FFFFFF!important;
	width:220px!important;
	text-align:left;
}
#tooltip h3, #tooltip div { margin: 0; }