#zCommun{ cursor:pointer;position:fixed;left:0;bottom:0;  z-index:99;}
#zCommunScan{position:fixed;bottom:0px;left:0px;height:100%; background:rgb(255,255,255); filter:alpha(opacity=60); opacity:0.6; padding:5px;  text-align:left; font-size:11px; }
#zCommunScan h2{ font-size:12px; }
/**************************************** 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;}
.alerteV2 {color:red;}
.validation-failed label, .validation-failed input, .validation-failed textarea, .validation-failed select,
label.validation-failed, input.validation-failed , textarea.validation-failed, select.validation-failed{
    color: red !important; border-color: red !important;
}

#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:#EEE;border: 1px solid #E3E3E3;z-index:100;  padding:5px;  position:absolute;  width:200px; cursor: pointer;  font-size:12px; text-align:left; margin-top:5px; border-radius:5px;}
.autocomp ul{list-style-type:none; border-radius:5px; box-shadow:1px 1px 3px #CCC;}
.autocomp_found{color:#777;}
.autocomp_title{color:#888; margin-bottom:5px; }
#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; }
.f_dis_n { border:none; margin:0;}				/* Fieldset invisible pour conformité accessibilité	*/
.textarea_def{color:#888;}
/*************************** 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;}

a#messagerie_lien{border-radius:5px; background:#98C037; text-align:center; padding:5px 0px;color:#EEE; cursor:pointer; width:250px; display:block; margin:auto;}
a#contact_lien{	border-radius:5px; background: #444; background: -webkit-linear-gradient( #555, #2C2C2C);background:    -moz-linear-gradient( #555, #2C2C2C);background:     -ms-linear-gradient( #555, #2C2C2C); background:      -o-linear-gradient( #555, #2C2C2C);background:         linear-gradient( #555, #2C2C2C);text-align:center; padding:5px 0px; cursor:pointer; 	width:250px; display:block; margin:auto; text-decoration:none;
	color:#DDD; box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);}                
a#contact_lien:hover{ color: #EEE;     background: #555;     background: -webkit-linear-gradient( #777, #333);     background:    -moz-linear-gradient( #777, #333);     background:     -ms-linear-gradient( #777, #333);     background:      -o-linear-gradient( #777, #333);     background:         linear-gradient( #777, #333);
}
a#contact_lien:active{     color: #777;     background: #444;     background: -webkit-linear-gradient( #555, #2C2C2C);     background:    -moz-linear-gradient( #555, #2C2C2C);    background:     -ms-linear-gradient( #555, #2C2C2C);    background:      -o-linear-gradient( #555, #2C2C2C);    background:         linear-gradient( #555, #2C2C2C);    box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
}
/****************************** 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;}

/************ widget *********************************************/
.ecoluSearch{float:left;margin-right:10px;}
.source{border:1px solid #642566;padding:10px;text-align:center;font-size:14px;}
#ecoluAds {position:relative;}
#ecoluAds div  {height:135px;}
				/*************** Dépôt annonces ************/
.p_cond_passager {line-height:2.5em;}

/** profil : formulaire photo **/
.div_form_file{width:100px; height:25px; display:inline-block; overflow:hidden; position:relative;}
.div_form_file span{position:absolute;display:inline-block; width:100px; cursor:pointer; height:25px;  text-align:center;line-height:25px;   color:#FFF; font-size:11px;}
.div_form_file_add{background:url(../_img/profil_form_btn_add.png); }
.div_form_file_edit{background:url(../_img/profil_form_btn_edit.png); }
.div_form_file_del{background:url(../_img/profil_form_btn_del.png);}
.div_form_file_edit:hover{background-position: 0% 100%}
.div_form_file_del:hover{background-position: 0% 100%}
.div_form_file_add:hover{background-position: 0% 100%}
.div_form_file input{position:relative;font-size:40px; top:-5px; left:-5px;  width:110px; cursor:pointer;  opacity:0; filter:alpha(opacity=0); zoom:1;}
 @-moz-document url-prefix() {.div_form_file input{direction:rtl; width:auto;}  } /** only FF **/
@media screen and (-webkit-min-device-pixel-ratio:0) { .div_form_file input{direction:rtl; width:auto;}  } /** only Webkit **/
.upload_bloc_modif{display:inline-block; width:180px;}
/*.upload_bloc_ajout{display:inline-block; width:120px;}*/
.info_form_file{width:20px; height:20px; background:url(../_img/profil_form_info.png); cursor:pointer; display:inline-block; float:right; margin-top:3px; }
.txt_info_form_file{ background:#FFF; border:1px solid #AF2020;display:inline-block; position:absolute; padding:4px; width:300px;}
 .upload_modif_check{float:left; width:50px; height:50px; margin-right:10px;}
 .upload_modif_check img{ width:50px; height:50px;}
 .div_code_part {text-align:center; margin:40px 0;}

 /** reactivation annonces **/
 .react_button{float:left; width:210px; color:#FFF; height:20px; text-align:right; padding:15px 5px; font-size:16px;margin-right:20px; cursor:pointer;}
.react_button input{margin-right:10px;}
.react_button_ok_val{  background:#57AE50;  }
.react_button_ok{  background:#777;  }
.react_button_nok{  background:#777;}
.react_button_nok_val{  background:#d96262;}
.react_button_valid{color:#000;text-align:center; padding-top:10px; height:40px;}
#react_raison{line-height:22px; display:none;}
#react_validation{display:none;}
#react_horaires{width:100%;}

/** Webservices **/
#ws_contact_box{ padding:10px; }

#ws_loader{display:none;}
#ws_error{display:none;text-align:center;width:100%; background:#AF2020; color:#FFF; padding:5px 0px;margin:10px 0px;}
#ws_valid{display:none; text-align:center;width:100%; background:#88a86a; color:#FFF; padding:5px 0px;margin:10px 0px;}

#ws_form .indication{text-align:right; font-style:italic; color:#999; font-weight:normal;}


/*** Carte traffic **/
#traffic-control { background-color: white; padding:2px 5px; cursor:pointer; }
#traffic-legend {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    padding: 0.25em;
}
.traffic_scale {
    position: relative;
    text-align: center;
    width: 116px;
}
.traffic_scale_label {
    font-size: 85%;
    position: relative;
    width: 58px;
}
.traffic_scale_colors {
    margin: auto;
    position: relative;
    width: 66px;
}
.traffic_scale_color {
    border: 1px solid #808080;
    float: left;
    height: 6px;
    line-height: 6px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 2px;
    position: relative;
    width: 12px;
}
.traffic_black {
    background: none repeat scroll 0 0 #000000;
}
.traffic_black_stripes {
    background: none repeat scroll 0 0 #990000;
    border-left: 1px solid #000000;
    height: 6px;
    left: 4px;
    position: absolute;
    top: 0;
    width: 4px;
}
.traffic_red {
    background: none repeat scroll 0 0 #990000;
}
.traffic_yellow {
    background: none repeat scroll 0 0 #FFCC00;
}
.traffic_green {
    background: none repeat scroll 0 0 #30B100;
}

/********** Equipage ***********/
.btn_equipage_simple{
    background: #000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
    margin: 15px 15px 15px 0;
    padding: 0;
    text-align: center;
    width: 320px;
    display:inline-block;
    text-decoration: none;
}

.info_equipage_simple{
    font-weight: bold;
    margin: 15px 15px 15px 0;
    display: inline-block;
}

/**** PAGE VILLE V2 ****/
#villes-listes{
    margin-top: 15px;
}

#villes-listes h3{
    font-size: 28px;
    margin:5px 0;
    padding:0;
    text-indent: 0;
}

#villes-listes .villes-listes-colonne{
    float:left;
    width:25%;
}

#villes-listes .villes-listes-colonne .villes-listes-item{
    padding-right:10px;
    font-weight: normal;
}

#villes-listes .villes-listes-colonne .villes-listes-item a,
#fromAddressupdateV2 .autocomp-ville-item a{
    font-weight: normal;
    font-size: 11px;
}

#fromAddressupdateV2Position{
    position: relative;
}

#fromAddressupdateV2{
    background-color: #efefef;
    position: absolute;
    top: -1px;
}

#fromAddressupdateV2 .border{
    border: 1px solid #dfdfdf;
}

#fromAddressupdateV2 .separateur{
    height:10px;
}

#fromAddressupdateV2 .autocomp-ville-item{
    padding: 0 10px
}

#fromAddressupdateV2 h3{
    font-size: 16px;
    margin:10px 0;
    padding : 5px 10px;
    text-indent: 0;
    margin-top: 0;
}


/**** tooltipPOI ****/
.tooltipPOI .closeBt{
    position: absolute;
    right:20px;
    top:-3px;
}

/**** NP ****/
.resa_np p{
    margin-bottom: 2px;
    padding-bottom: 0;
    text-align: center;
}

/**** ADMIN BUS ****/
.admin-bus .cadreContenu ul{
    list-style-position: outside;
    list-style-type: none;
    margin: 15px;
    padding: 0;
}

.admin-bus .edit-ligne{
    margin-bottom: 50px;
}

.admin-bus .cadreContenu li{
    margin: 5px 0;
    padding: 0;

}


.admin-bus .cadreContenu form li label{
    vertical-align: middle;
    line-height: 25px;
}

.admin-bus ul.menuLigne{
    margin: 0;
}

.admin-bus .table-trajets{
    background: #fff;
    padding: 10px;
}

.admin-bus .table-trajets p{
    margin: 0;
    padding: 0;
}

.admin-bus .table-trajets table{
    width:100%;
}

.admin-bus .table-trajets table .table-trajets-info{
    color:#979797;
}

.admin-bus .table-trajets table .table-trajets-menu{
    text-align: right;
}

.admin-bus .table-trajets table .separator{
    border-top: 1px dashed #979797;
    padding-bottom: 15px;
    line-height: 0;
    height: 0;
}

.admin-bus .edit-trajet h3{
    font-weight: normal;
}


.admin-bus .search-reservation .form-control{
    line-height: 30px;
}

.admin-bus .search-reservation-result .action{
    margin-top: 10px;
}

.admin-bus .search-reservation-result{
    margin-top: 30px;
    padding: 10px;
}

.admin-bus .search-reservation-result .numLigne{
    margin-bottom:5px;
}

.admin-bus  .table-reservation-trajet table{
    width: 100%;
}

.admin-bus  .table-reservation-trajet .table-trajets-depart,
.admin-bus  .table-reservation-trajet .table-trajets-numero{
    width: 25%;
}

.admin-bus .table-reservation-jours{
    background: #fff;
    margin-top: 5px;
    padding: 10px;
}

.admin-bus .table-reservation-jours table{
    width: 100%;
}

.admin-bus .table-reservation-jours p{
    margin: 15px;
    padding: 0;
}

.admin-bus .table-reservation-jours .separator{
    margin: 5px;
}

/*** MODULE BUS ***/
#bus-ligne .cadreContenu ul.list-bus-ligne {
    list-style-position: outside;
    list-style-type: none;
    margin:0;
    padding: 0 15px;
}

#bus-ligne .cadreContenu ul.list-bus-ligne li{
    margin-bottom: 35px;
    padding-top: 35px;
    border-top: 1px dashed #979797;
}

#bus-ligne .cadreContenu ul.list-bus-ligne li.first{
    border: none;
}

#bus-ligne .cadreContenu ul.list-bus-ligne li .menuLine{
    display: block;
    float: right;
    margin-right: 30px;
}



#bus-trajet .table-trajets{
    margin: 10px;
}

#bus-trajet .table-trajets table{
    width: 100%;
}

#bus-trajet .table-trajets table td,
#bus-trajet .table-trajets table th{
    padding: 0;
}


#bus-trajet .table-trajets p{
    margin: 20px 0 0 0;
    padding: 0;
}

#bus-trajet .table-trajets table{
    width:100%;
}

#bus-trajet .table-trajets table .table-trajets-info{
    color:#979797;
}

#bus-trajet .table-trajets table .detail td{
    padding-top: 20px;
}

#bus-trajet .table-trajets table .separator{
    border-bottom: 1px dashed #979797;
    padding-top: 20px;
    line-height: 0;
    height: 0;
}

#bus-trajet p.ligne-title,
#bus-trajet p.return{
    margin: 20px 10px;
    padding:0;
}


#bus-trajet .trajets-bus-reservation ul{
    list-style:none;
    margin: 10px;
    padding: 0;
}

#bus-trajet .trajets-bus-reservation ul li{
    padding: 5px 0;
}

#bus-trajet .trajets-bus-reservation #reservation-calendar{
    margin: 10px;
}
#bus-trajet .trajets-bus-reservation #reservation-calendar h4{
    margin: 20px 0 10px 0;
}

#bus-trajet .trajets-bus-reservation #reservation-calendar table{
    width:100%;
}

#bus-trajet .trajets-bus-reservation #reservation-calendar table .checkbox{
    width:20%;
    text-align: center;
}

#bus-trajet .trajets-bus-reservation #reservation-calendar table .action{
    width:55%;
    text-align: right;
}

#bus-trajet .trajets-bus-reservation .submit{
    margin:15px 10px;
}

.table-trajets-view table{
    width:100%;
}

.table-trajets-view td,
.table-trajets-view th{
    vertical-align: top;
}

.table-trajets-view .table-trajets-date{
    width:18%;
}

.table-trajets-view .table-trajets-detail p{
    padding: 0;
    margin: 0 0 10px 0;
}

.table-trajets-view .table-trajets-detail p.info{
    color:#979797;
}

.table-trajets-view .table-trajets-validite{
    width:25%;
    text-align: right;
}

.table-trajets-view .table-trajets-action ul,
.table-trajets-view .semaine ul{
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.table-trajets-view .table-trajets-action li,
.table-trajets-view .semaine li{
    margin: 0;
    padding: 0;
}

.table-trajets-view .table-trajets-action li{
    margin-bottom: 5px;
}

.table-trajets-view .separator{
    border-top: 1px dashed #979797;
    padding-bottom: 15px;
    line-height: 0;
    height: 0;
}

.bus-mes-reservation .table-trajets-view{
    margin-bottom: 20px ;
    padding: 10px;
    background: #fff;
}