/* CSS Document */

html{
   background:#FFFFFF url(../../fond/cocomp/body.jpg) repeat-x 0px -50px;
   text-align:center;
}
#intro{
   position:absolute;
   display:block;
   top:54px;
   background:url(../../fond/cocomp/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/cocomp/menu.jpg) no-repeat top left;
   width:897px;
   height:35px;
}
.m2{margin-left:50px;}
.m3{margin-left:70px;}
.m4{margin-left:55px;}
.m5{margin-left:56px;}
.m6{margin-left:60px;}


/******************************** HAUT DE PAGE *******************************************/
#logo a{
   color:#6FD020;
   font-size:55px;
   margin-left:150px;
   margin-top:10px;
/* font-weight:bold;*/
   letter-spacing:-2px;
}
.present{
   width:475px;
   margin-left:30px;
   margin-top:5px;
   margin-bottom:10px;
}
.present strong{color:#FF0000; font-weight:normal;}
.pointi{
   width:475px;
   height:5px;
   background:url(../../element/pointille_present.png) no-repeat top center;
   clear:both;
   display:block;
   margin-top:5px;
}


/******************************** CONTENU *******************************************/

.visuel{
   position:absolute;
   top:140px;
   margin-left:290px;
   z-index:10;
}


.search{
   position:relative;
   float:left;
   width:424px;
   height:240px;
   background:url(../../fond/cocomp/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:5px;
}
.u_purpose .form-search{
   float:right;
   width:320px;
   margin-top:25px;
   margin-right:25px;
}
.form-search label{
   width:140px;
   float:left;
   margin-right:5px;
   text-align:right;
}
.form-search .select{
   width:200px;
   height:15px;
   float:left;
   margin-bottom:10px;
   border:1px solid #B6B6B6;
}
.form-search .ctext{
   width:170px;
   height:15px;
   float:left;
   margin-bottom:10px;
   border:1px solid #B6B6B6;
   background-color:#F5F5F5;
}
.form-search .calendar{float:left;margin-left:5px;margin-top:-3px;}

.imgfield{
   width:243px;
   height:40px;
   border:none;
   margin-top:5px;
   color:#FFFFFF;
   font-size:1.3em;
   font-weight:bold;
   font-style:italic;
   cursor:pointer;
}
.u_search .imgfield{
   background:url(../../element/cocomp/submit-left.gif) no-repeat 0px 7px;
   margin-left:35px;
}
.u_purpose .imgfield{
   background:url(../../element/cocomp/submit-right.gif) no-repeat 0px 7px;
   margin-left:75px;
}

.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:#FF5705; text-decoration:underline;}

#last_insc, #last_pass{
   float:left;
   width:431px;
   height:230px;
   margin-top:15px;
}
#last_insc{
   margin-right:20px;
   margin-left:-10px;
}
.titre_insc{ height:31px; background:url(../../element/cocomp/titre-lastinsc.jpg) no-repeat top left;}
.contenu_insc, .contenu_pass{ background:#FFFFFF url(../../fond/cocomp/last_encarts.jpg) repeat-x bottom left; min-height:164px; height:auto!important;height:164px;}
.plus_insc{height:31px; background:url(../../element/cocomp/plus-lastinsc.jpg) no-repeat top left; height:28px; text-align:right; padding-right:25px; padding-top:3px;}
.plus_insc a{color:#000000;}

.titre_pass{ height:31px;background:url(../../element/cocomp/titre-lastannonces.jpg) no-repeat top left;}
.plus_pass{background:url(../../element/cocomp/plus_lastannonces.jpg) no-repeat top left; height:28px;text-align:right;padding-right:25px;padding-top:3px;}
.plus_pass a{color:#ffffff;}

.photo img{
   margin-top:5px;
   margin-right:5px;
   float:left;
   border:none;
}
.lastphoto{margin-right:0px!important;}

.descrition{padding:10px;clear:both;}
.descrition h1{font-size:1.4em; color:#CD013B;}

.annonce, .annonce-last{
   margin-left:5px;
   margin-right:10px;
   background:url(../../element/point_b.gif) repeat-x bottom left;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
}
.annonce-last{background:none!important;}
.annonce strong, .annonce-last strong{color:#087646;}
.annonce a, .annonce-last a{color:#666666;}
.annonce a:hover, .annonce-last a:hover{ color:#000000;}

/*************** CARTE **************/
.carte{
	float:right;
	margin-right:15px;
	width:420px;
	height:500px;
	background-color:#E5E3DF;
	border:1px solid #333333;
	
}

/********************************* FORMULAIRE criteres ************************/
#rech_crit{
	border:1px solid #999999;
	background-color:#F4F4F6;
	padding:10px;
	padding-top:20px;
	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{width:120px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#critere input, #critere select{width:180px; float:left; border:1px solid #333333; margin-bottom:5px;}
.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:-15px; margin-left: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;}

/********************************* FORMULAIRE DEPOT ************************/
#depot{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:98%;
}
#depot fieldset{
	border:1px solid #8A968D;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#116C63; 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:#116C63; 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}

/**************  ***************/
.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;}