/**************************************** Definitions communes ************************************/
.btn_depot a{display:block;background:#62a808;border:1px solid #4b9013;width:240px; height:30px;font-size:13px;font-weight:bold;line-height:30px;color:#fff;text-decoration:none;text-align:center;}
.btn_depot a:hover{background:#427600;}
img{ border: 0px solid ; vertical-align:text-top; }
input{vertical-align:middle;}
.aide {display:none;}
.noir{ color:#000; }
.justifie{ text-align:justify; }

.colGauche{width:50%;float:left;}
.colDroite{width:50%;float:right;}
.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(../_img/external.png) no-repeat right center;	padding-right: 12px;}
.disabled{   color:#888;}
label.top{display:block;}
#alerte{border:1px solid #c00000; background-color: #ef2929; text-align:center; width: 600px; line-height : 1.5em;font-weight:bolder;margin:5px auto;_margin:0 auto 10px auto;_padding:0;}
#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;_margin:0 auto 10px auto;_padding:0;}
#note{border:1px solid #edd400;  text-align:center; width: 75%; line-height : 1.5em;font-weight:bolder; background-color:#fce94f;margin:5px auto;} 
#ok{border:1px solid #edd400;  text-align:center; width: 75%; line-height : 1.5em;font-weight:bolder; background-color:#fce94f;margin:5px auto;} 
.show {visibility:visible;_display:block;}
.hide{visibility:hidden;_display:none;}
.intertitre{font-weight:bold;}
.gras { font-weight: bold; }
.italique{ font-style:italic ; }
.discret{ font-size:0.7em;}
.indication { font-weight:bold; font-size:11px; color:gray; font-style:italic; }
.action{cursor:default; text-decoration:none;}
.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;  font-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*/
}
.spec{font-style:italic;  margin:0;}
.txt_centre { text-align: center; }
.txt_droite { text-align: right; }
/*************************** span combi_lieux sans résultats **********************/

#sp_combi { width: 90%; background-color: #f00; color: #fff; font-weight: bold; font-size: 15px; display: block; padding:5%;}
.charge {background: #fff url(../_img/ajax-loader-input.gif) top right no-repeat;}
/*************************** annonces de covoiturage ************************/
#date_trajet{ width: 105px; }

.descRecherche{ margin:15px; }
#gris_attente { position:absolute;top:0;left:0;height:290%;width:100%;background-color:#000;-moz-opacity:0.75;opacity:0.75; filter:alpha(opacity=75); -khtml-opacity:0.75; }
.rech_att {font-size: 44px; color:#fff;text-align:center; margin: 7% auto; width: 40%;}

/****************** 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;}
#profil_annonces  a {color:#000;}


.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:70%; height:280px;margin:0px 0 0 0;padding:0;position:absolute; top:0px; 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;}
#min_height_annonce h2 {display:block; }

.lien_gestion_annonce {font-size:10px;font-weight:bold;}
.table_gestion_annonce {font-size:11px;}

/****************************** footer ***************************/
#logoEcolutis{vertical-align:middle;}

/********* antispam maison formulaire de contact **********/
.inputvalide {display:none;}
.sp_lab { float: left; }
.sp_div { text-align:right; }
#f_spect { width:55%; padding: 10px 20px; margin: auto;}
#cont_eve { margin: 20px; }
/******** logo mobile ***********/
.appstore {display:block;height:30px;line-height:30px;text-indent:35px;background: url(../_img/logo-appstore.png) top left no-repeat;font-weight:bold;padding:0;margin:0 0 0 10px;}
.androidmarket {display:block;height:30px;line-height:30px;text-indent:35px;background: url(../_img/logo-androidmarket.png) top left no-repeat;font-weight:bold;padding:0;margin:10px 0 0 10px;}
/************* other ***********/
.reseau_sociaux {text-align:left;margin:5px 10px;}
.frame_social {border:none; overflow:hidden; width:200px; height:23px;}

/************* style pour affichage de code source ex : widgets *********************/
.code_source{width:90%;margin:auto;color:#666;border:1px solid #888;text-align:center;}
.code_source legend{font-size:14px;text-align:left;}

/************ crea compte ***************************************/
#creacompte label.simple_label {font-weight: normal;float: none;margin: 0px;	padding: 0px; display:inline;font-size: 12px;}