/* CSS Document */

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


/******************************** HAUT DE PAGE *******************************************/
#logo a{
   color:#FF7521;
   font-size:60px;
   margin-left:150px;
   font-weight:bold;
   letter-spacing:0px;
}
.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:70px;
   margin-left:285px;
   z-index:10;
}


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

.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/colois/submit-left.gif) no-repeat 0px 7px;
   margin-left:35px;
}
.u_purpose .imgfield{
   background:url(../../element/colois/submit-right.gif) no-repeat 0px 7px;
   margin-left:75px;
}

.result-search , .result-purpose{
   width:310px;
   float:left;
   clear:both;
   margin-top:50px;
   font-size:1.2em;
   font-weight:bold;
   text-align:center;
   margin-left:15px;
   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/colois/titre-lastinsc.jpg) no-repeat top left;}
.contenu_insc, .contenu_pass{ background:#FFFFFF url(../../fond/colois/last_encarts.jpg) repeat-x bottom left; min-height:164px; height:auto!important;height:164px;}
.plus_insc{height:31px; background:url(../../element/colois/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/colois/titre-lastannonces.jpg) no-repeat top left;}
.plus_pass{background:url(../../element/colois/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:#EA3315;}
.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;
	
}
.ville, .pays{width:46%; float:left; margin-right:10px;padding:10px;}
.ville { border-right: 1px dotted #999999;}


/********************** 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 #A2909A;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#FF7521; 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;}
#depot .date{width:110px!important; vertical-align:bottom;}
.conseil{width:550px;float:left;padding:10px;}
.sub_annonce{ background-color:#FF7521; color:#000000; border:1px solid #FF7521!important; cursor:pointer;}

/********************************* 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;}
.localisation{ width:46%; float:left; padding-bottom:10px;padding-top:10px;}
.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:-45px;}

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