/* CSS Document */

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


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


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

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


.search{
   position:relative;
   float:left;
   width:424px;
   height:240px;
   background:url(../../fond/covoit/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:12px;
   margin-left:10px;
}
.u_purpose .form-search{
   float:right;
   width:320px;
   margin-top:12px;
   margin-right:15px;
}
#formsearch .localisation{width:100%;}
.form-search label{
   width:110px;
   float:left;
   margin-right:5px;
   text-align:right;
}
.form-search select, .form-search input{
   width:185px;
   height:15px;
   float:left;
   margin-bottom:5px;
   border:1px solid #B6B6B6;
}
.form-search .ctext{
   width:160px;
   height:15px;
   float:left;
   margin-bottom:5px;
   border:1px solid #B6B6B6;
}
.form-search .calendar{float:left;margin-left:5px;margin-top:-3px;}

.form-search .localisation{
	width:100%; 
	display:block;
}

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

.result-search , .result-purpose{
   width:250px;
   float:left;
   clear:both;
   margin-top:25px;
   font-size:1.2em;
   font-weight:bold;
   text-align:center;
   color:#3E3E3E;
}
.result-purpose{float:right;margin-right:50px;}
.result-search{margin-left:50px;}

.red_underline{font-size:1em; color:#FF0036; text-decoration:underline;}

#last_cond, #last_pass{
   float:left;
   width:431px;
   min-height:60px;
   height:auto!important;height:60px;
   margin-top:15px;
}
#last_cond{
   margin-right:20px;
   margin-left:-10px;
}
.titre_cond{ height:31px; background:url(../../element/covoit/titre-lasttrajcond.jpg) no-repeat top left;}
.contenu_cond, .contenu_pass{ background:#FFFFFF url(../../fond/covoit/last_encarts.jpg) repeat-x bottom left; min-height:80px; height:auto!important;height:80px;}

.plus_cond{height:31px; background:url(../../element/covoit/bas_lasttrajcond.jpg) no-repeat top left; height:28px; text-align:right; padding-right:25px; padding-top:3px;}
.plus_cond a{color:#000000;}

.contenu_cond a, .contenu_pass a{color:#000000;}
.contenu_cond a:hover, .contenu_pass a:hover{color:#3366CC;}

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

/********************** 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; border-bottom:1px dotted #666666;}
.date{width:90px; padding-left:5px;}
.arrivee{padding-left:15px;}
.depart{ background:url(../../element/fleche.gif) no-repeat center right; padding-right:10px;padding-left:5px;}

/********************************* FORMULAIRE DEPOT ************************/
#depot{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:98%;
}
#depot fieldset{
	border:1px dotted #979797;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#314A78; font-weight:bold;}
#depot label{width:160px; 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;}

.conseil{width:550px;float:left;padding:10px;}
.sub_annonce{ background-color:#314A78; color:#FFFFFF; border:none; cursor:pointer;}
.heure, .min{width:135px!important;}
#depot .date{width:110px!important; vertical-align:bottom;}

/********************************* 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;}
.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:3px;}
#result a{color:#3B5686;}
#result a:hover{color:#000000;}

/*************  ***************/
.contenu h1{font-size:1.4em; color:#0C89CB}

#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;}