/**************************************** Definitions communes ************************************/
img{ border: 0px solid ; vertical-align:middle; }

.noir{ color:#000; }

.justifie{ text-align:justify; }


.colGauche{
	width:50%;
	float:left;
	/*padding: 1.5%;*/
}

.colDroite{
	width:50%;
	float:right;
	/*
padding: 1.5%;
*/
}

.eco{
	color:#3399cc ;
	background-color:white;
	padding-left:2px;
}

.lutis{
	color:#79b956 ;
	background-color:white;
	padding-right:2px;
}

.aGauche{
	float:left;
}

.aDroite {
	float : right ;
}

.netGauche{
	clear:left;
}

.netDroit{
	clear:right;
}

.net{
	clear:both;
}

.centre{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.externe{
	background: transparent url(../covoiturage_image/external.png) no-repeat right center;
	padding-right: 12px;
}



#alerte{
	border:1px solid #c00000; 
    background-color: #ef2929;
    text-align:center; width: 650px; line-height : 1.5em;font-weight:bolder;
	margin:5px auto;
}

#confirme{
	border:1px solid #73d216;
   background-color:#8ae234;
    text-align:center; margin-left:auto;margin-right:auto;width: 75%; line-height : 1.5em;font-weight:bolder;
	margin:5px auto;
}

#note{
	border:1px solid #edd400;
    text-align:center; width: 650px; line-height : 1.5em;font-weight:bolder;
     background-color:#fce94f;                                                                                     
	margin:5px auto;
} 

.show {
	visibility:visible;
}

.hide{
	visibility:hidden;
}

.intertitre{
	font-weight:bold;
}

.gras { font-weight: bold; }

.italique{ font-style:italic ; }

.discret{ font-size:0.7em;}

.tabRes{
	width:100%;
}
.supp_annonces {font-size: 10px; float: right; padding-right: 10px;}


.autocomp {
	background:white;
	border: 1px solid #E3E3E3;
	z-index:100;
    position:absolute; 
    width:200px; 
    cursor: pointer; 
    foont-size:12px;
}

.autocomp ul{
    list-style-type:none;
}

#comp { margin:0px; padding:5px; text-align:left; color : #666666; }
#comp li { 
	cursor:pointer; 
	list-style:none;
}
#comp li:hover { background: #666666; color: white; }

.popup{
    z-index:200;
    position:relative; 
}

.popup iframe{
    position:absolute; 
    display:block; 
    top:0;
    left:0;
    z-index:-1;/*Placer l'iframe en arrière-plan du div*/ 
    filter:mask();/*Cacher l'iframe dans IE6*/
}

/*

.help{
    position:relative;
    clear:both;
    display:inline;
}



.tooltip{
    border: 1px solid #DDD; 
    background-color:#FFF; 
    z-index;99;
    padding:10px; 
    font-size:10px;
    display:none; 
    position:absolute;
    top:5px;
    left:5px;
} 

 .help:hover .tooltip{
    position: absolute; 
    display: block;
}
*/

.spec{
    font-style:italic;
    margin:0;
}
.txt_centre { text-align: center; }
.txt_droite { text-align: right; }

/*************************** annonces de covoiturage ************************/
#date_trajet{ width: 105px; }

.descRecherche{ margin:15px; }


/****************** trajet de covoiturage ***************/
#left_annonces {width:720px;margin:0;padding:0;}
#left_annonces h1{display:block; font-size:17px;font-weight:bold;}
#left_annonces  h1 strong {color:#5FB3FF;}

.decription_annonce {float:left; width:350px;margin:0;padding:0;}
#profil_annonces {float: right;background: url(../_img/puce_profil.jpg) no-repeat 10px 10px;width: 280px;border:1px dotted #8B8FA8;margin:20px 0 0 0;padding:0;}
#profil_annonces ul {margin:0 0 10px 5px;padding:0;}
#profil_annonces ul li {list-style-type:none;padding-right:5px;margin-bottom:10px;}
#profil_annonces ul li span {font-weight:bold;color:#000;}
#profil_annonces .utilisateur {font-size:23px; color:#7ECF26;margin: 22px 0 0 50px;font-weight:bold;}
#profil_annonces .utilisateur  span {font-size:12px;color:#000;}
#profil_annonces input {width: 100px;}
#profil_annonces .boutonVert {width:30px;}


.echanges {text-align:center;background:#8B8FA8; width:100%;height:30px; line-height:30px; color:#fff; margin:5px 0 0 0 ;padding:5px 0;font-weight:bold;font-size:11px;}
.echanges  img{margin:3px 5px;}

.table_annonce {float:left; width:250px;text-align:center;margin:10px 5px;}
.table_annonce td {border-bottom:1px dotted #333;font-size:10px;}
.table_annonce span {font-size:11px;font-weight:bold;color:#5FB3FF;}


.boutons_annonce {font-weight:bold;color:#000;margin:0;font-size:12px;padding:0;}
.noir {color:#000;text-align:justify;margin-left:5px;}
.bleu_annonce {color:#000;font-weight:bold;}
#min_height_annonce {height:315px;margin-bottom:5px;position: relative;}
#carte2 {width:420px; height:280px;margin:0;padding:0;position:absolute; top:10px; left:0px;z-index:100;}
#carte2 span {font-size:9px;display:block;margin-left:30px;}

.lien_reseau a {color:#fff;text-decoration:underline;}
.lien_reseau a:hover {color:#fff;}
.prix-trajet {float:right;margin:10px 5px 0 0;padding:0;width:250px;text-align:justify;_margin:10px 0 0 0;}
.horaires_trajet {font-size:10px;font-weight:bold;padding:0;width:250px;}
.horaires_trajet span {font-size:10px;font-weight:bold;color:#5FB3FF;}
.libelleDet {width:50px;}
#annonces_proches {}