.btnSbmFake{
  position: absolute;
  left:-999999em;
}

/*------  Recherche bloc bouton radio   ------*/
.modeRecherche {float:right; width:150px; display:inline; text-align:right;}
#bigDiv {float:left;width:890px;}
#contenu .modeRechercheCourant {display:inline;}
.boite.intro {padding:15px;}
.joindre-type h3 {display:inline;}


#divChoixPointsServices.formulaire { margin: 0; }
#divChoixPointsServices.formulaire > div > p.premier { margin-top: 15px; }

.choixPointsServices {float:left;width:330px;}
.choixPersonnesRessources { float:right;width:295px;}    
#contenu .formulaire .choixPointsServices label, #contenu .formulaire .choixPersonnesRessources label  {font-weight:normal; line-height:1.5em;} 
 #contenu .formulaire .choixPointsServices div, #contenu .formulaire .choixPersonnesRessources div {height: 25px;}
.boutonAnnuler {margin-left:20px;}
        
/*------  Recherche bloc bouton radio selection - recherche SIMPLE   ------*/
.champsRechercheSimple {left:0px;margin: 0 auto; position: relative;width:420px;}
#rechercheSimpleForm input[type=text] {border: 1px solid #a6a6a6;}
#mainDivSimple .terme-label {display:inline;float:left;}
#mainDivSimple .items-recherche {display:inline;float:right;width:290px;}

#geo-recherche div#divChoixPointsServices.formulaire div#divChoixTypeRecherche input{
  margin:0 5px 0 0;
  vertical-align: middle;
}

#geo-recherche div#divChoixPointsServices.formulaire div label{
  font-weight: normal;
}

/* RECHERCHE AVANCEE*/

h2#titreRechercheAvance,
h2#titreRechercheAvance_rh,
h2#titreRechercheAvance_rj{
   margin-top: 10px;
   margin-bottom: 5px;
}

h2#titreResRechRh,
h2#titreResRechRj{
  border-bottom: 1px solid #CBCCCC;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 5px;
}


div[id^="mainDivAvance"] .champs {
  text-align:right;
  width:280px;
  padding-right:5px;
}
#mainDiv > div > form{
  border-top: 1px solid #cbcccc;
  margin-bottom: 0;
}

div[id^="mainDivAvance"] > form[id^="rechercheAvanceForm"] div.rangee div.bouton {
  text-align: right;
  vertical-align: middle;
  padding-right:15px;
}

div#geo-recherche div#mainDiv form div.rangee div.bouton input.bouton-action{
  width: 88px;
}

div[id^="mainDivAvance"] .champs p {
  line-height:1.7em;
  vertical-align:middle;
}

div[id^="mainDivAvance"] .champs select, 
div[id^="mainDivAvance"]  select,
select#transport{ 
  min-width:145px; 
}

#geo-recherche .listProvince, 
#geo-recherche .listVille,
#geo-recherche .listRegion,
#geo-recherche .listEtab { 
  min-width:260px;
  width:auto;
}

#contenu .tableau-presentation .rangee > div #selRech_region_rh,
#contenu .tableau-presentation .rangee > div #selRech_region_rj{
  margin-top: 10px; }
#contenu .tableau-presentation .rangee > div #selRech_ville_rh,
#contenu .tableau-presentation .rangee > div #selRech_etabl_rj{
  margin-top: 9px; }
  
  
#zone-centrale .tableau-presentation .rangee {
  display: table;
  width: 100%;
}
#zone-centrale .tableau-presentation .rangee > div { border-top: none; }
#zone-centrale .tableau-presentation .rangee.filet {
    border-top: 1px solid #d5d5d5;
}


/*
"Nouvelle recherche" "Modifier la recherche" --->>> "bouton secondaire"
Déplacer "Nouvelle recherche" à gauche de "Modifier la recherche" (analogie avec les boutons "Annuler", qui détruisent aussi des données, toujours placés à gauche des autres boutons dans les formulaires);
Placer ces 2 boutons au bas de toutes les pages de résultats et d'itinéraires.

*/
div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] div.rangee div input,
div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] div.rangee div select,
.bordure{
  border: 1px solid #cbcccc;
}

.bordureBas{
  border-bottom: 1px solid #cbcccc;
}

#idInp_name{
  width:260px;
}

#idInpRechByCp_cp,
#idInpRechByTrans_transit{
  width:142px;
}

p.exemple{
  margin-top:5px;
  font-size:11px;
  color: #595959;
}

#contenu .tableau-presentation .rangee > div { padding: 8px 0 8px 15px;}
#contenu .tableau-presentation form input, #contenu .tableau-presentation input, #contenu .tableau-presentation form select, #contenu .tableau-presentation select {margin-right: 0px;}
#contenu  input:disabled, #contenu  select:disabled{background:#ccc;}
#contenu .recherche-avance-caisse {width:100%;float:left;}
#contenu .recherche-avance {width:660px;}
#contenu .recherche-avance-caisse.tableau-presentation.sans-filets-ext .rangee:first-child > div , #contenu .recherche-avance.tableau-presentation.sans-filets-ext .rangee:first-child > div   {padding-top:3px;}
#contenu .bloc-label {line-height:1.8em;}
#contenu .bloc-label-multiple {line-height:1.8em;display:block;margin-bottom:3px;}
#contenu .bloc-label-second {line-height:2.6em;}
#contenu .tableau-presentation .rangee > div.bloc-radio {padding-top:12px;}
/*#contenu .tableau-presentation .rangee > div.bloc-input-avance {padding-right: 200px;}*/
#btnRecherche {left:220px;position:relative;}
        
        
/*tableau conseiller VMD*/
#conseillerVmdDiv table thead  { text-align:left;}
#conseillerVmdDiv table td { border-bottom: 1px solid #D5D5D5; }
#conseillerVmdDiv table {border-collapse:collapse;}
#conseillerVmdDiv table a:link {color: #008C53;}
#conseillerVmdDiv table a:visited {color: #008C53;}
#conseillerVmdDiv table tr { border:0; height:25px;}
        
/* --- Tableau resultat : caisse, guichet  --- */
#tableResultatCaisse table th, #tableResultatCaisse td {border-collapse:collapse;  border-bottom: 1px solid #D5D5D5;}
#tableResultatCaisse table th {text-align:left; border-bottom: 1px solid #D5D5D5; line-height:20px;}


#idDivMapGeo,
#idDivMapExp,
#idDivMapIti{
  width: 890px;
  margin-left: 20px;
}
#geo-resultats,
#contenu #geo-itineraire,
#geo-recherche{
  width: calc(100% - 20px);
  box-sizing: border-box;
  margin-left: 10px;
}

#geo-resultats div.resRepJeun{
  width: 100%;
  float: left;
  clear:both;
  border-bottom: 1px solid #CBCCCC;
}

#geo-resultats > div.resRepJeun > div.gauche:first-child,
#geo-resultats > div.resRepJeun > div.droite:first-child {
  /*border-top: 1px solid #CBCCCC;*/
}
#geo-resultats div.resRepJeun > div.gauche{
  
    width: 200px;
    float: left;
}

#geo-resultats div.resRepJeun > div.droite{
  max-width: 688px;
  width: calc(100% - 200px);
  float: right;
  text-align: left !important;
}

#geo-resultats div.resRepJeun > div.gauche > img{
   margin: 10px 0 0;  
   width: auto !important;
}


#geo-recherche{
   margin-left: 10px;
   padding: 15px 15px 0 15px;
}

#geo-resultats div.header{
   text-align: right;
   color: #595959;
   font-weight: bold;
   font-size: 13px;
}

#geo-resultats input.btnItineraire{
  margin-bottom: 10px;
}

.descResultatRecherche{
    font-weight: bold;
    font-size: 13px;
    color:#000;
    text-align: left;
}

#idTabResPs{
  border-collapse:collapse;
  margin-bottom: 15px;
}

#idTabResPs tr td,
#idTabResPs tr th{
   border-bottom: 1px #cbcccc solid;
   padding: 15px;
}

#tableItineraire tr.bouton td,
table.allBtnCenter tr.bouton td {
   border-top: 1px #cbcccc solid;
}
#tableItineraire tr.bouton td div,
table.allBtnCenter tr.bouton td div,
div.allBtnCenter{
   text-align: center;
   clear:both;
   padding-top: 15px;
}

#idTabResPs tr th{
   padding: 5px;  
}

#idTabResPs th div.descResultatRecherche{
   color:#595959;
}

#tableItineraire tr td,
table.allBtnCenter tr td {
  padding: 5px 15px;
  vertical-align: top;
}



#tableItineraire .colonne-libelle{
  text-align: right;
}

#tableItineraire tr.bouton td div.right {
  text-align:right;
}

#geo-itineraire h2#nomPsItineraire{
  margin-top:15px;
}

#geo-itineraire #transport{
  
}

#geo-itineraire #btitineraire{
  margin-top:10px;
}

#tableItineraire .colonne-champ input{
   margin-top:25px;
}

/** rep. hypothecaire **/

.resRepHypo{
   width: 50%;
   height: auto;
   min-height: 100px;
   border-bottom:1px solid #cbcccc;
}

.resRepHypo > p{
    margin:10px 0 5px 74px;
    text-align: left;
}

.resRepHypo.gauche{
   clear:left;
   float:left;
}

.resRepHypo.droite{
   float:right;
}

.resRepHypo > div.photo > img {
   margin:10px 10px 10px 0;
   max-height: 80px;
   width: auto !important;
}

.resRepHypo > div.photo {
  float: left;
   height:100%;
}

#geo-resultats div.resRepHypo.dernier,
#geo-resultats div.resRepJeun.dernier,
#geo-resultats td.dernier{
  border-bottom:none;
}

/* -- map -- */
#conteneur-map{ -box-shadow:inset 0 0 3px #cecece;-moz-box-shadow:inset 0 0 3px #cecece; -webkit-box-shadow:inset 0 0 3px #cecece;height:572px;float:right;display:none;margin-top:40px;border:1px solid #cecece;}


/* ---- CHAMPS ERREUR ---- */
#errorDiv {color:#dd0f0f; font-weight:bold; margin: 0 0 10px 5px;}

/* ------ Input checkbox , select ------*/
div[id^="mainDivAvance"] .sans-border-3d, #onglet-itineraire .sans-border-3d{border: 1px solid #a6a6a6;}


/* Onglet caisse,guichet */
#contenu .onglets-principaux .contenu-onglet {
    background: url(/ressources/images/0b00_caisse-onglets-filet-degrade-petit.png)  no-repeat scroll left top transparent;
    margin: 0;
    overflow: hidden;
    padding: 6px 12px 0;
    position: relative;
}
#InfoText .onglets-principaux {
    border-bottom:none;
}

.optionsSupp input {
   vertical-align:middle;
}

#contenu  .optionsSupp  input {
  float:left;
   margin-right:5px;
}

div.optionsSupp div{
  /*border: 1px dotted;*/
  position:absolute;
  width:172px;
}
div.optionsSupp label {
    float: left;
    font-weight: normal;
    line-height: 1.2em;
    width: 137px;
    margin-top:1px;
}
.optionsSupp p {
   margin-top:0px;
}
div.optionsSupp {
  float:right;
  width:354px;
  height:115px;
  padding:5px;
  line-height:0.8em;
  background-color:#f4f4f4;
  position:relative;
}
div.optionsSupp .dollarUsConteneurLocalisateur {
  right:5px;
}
div.optionsSupp .ouvertSamediConteneurLocalisateur {
  top: 75px; right:5px;
}
div.optionsSupp .langueConteneurLocalisateur {
  left:5px;
}
div.optionsSupp select{
  width:140px;
  margin:5px 0 0 20px;
}


[id^="rechercheAvanceForm"] input {
    border: 1px solid #a6a6a6;
    height: 18px;
}

.inactive { opacity:0.2; }
.inactive a {cursor:text; pointer-events: none;}

#bulleBtn {margin-left:210px;margin-bottom:0px;}
#bulleBtnIt,#bulleBtnSucc {margin-left:230px;margin-bottom:0px;}

/* bouton radio recherche Simple */

.labelRadioTexteChange {float: right;width:310px;margin-top:-8px;}

.first {width: 100px;vertical-align:top;}

.second {width: 650px;}

.firstJeunesse {width: 300px;}

.secondJeunesse {width: 650px;}

.premierConseiller {width: 120px;}

.deuxiemeConseiller {width: 120px;}

.troisiemeConseiller {width: 220px;}

.quatriemeConseiller {width: 220px;}

.cinquiemeConseiller {width: 220px;}

.sixiemeConseiller {width: 150px;}

.bulle {font-size: 8px;width:400px;height:300px;}


div.loading {
  display: none;
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  text-align: center;
}
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 999;
  opacity: 0.5;
}
#loading.boite{
  border: none;
}
#loading > img {
  position: absolute;
  top: 66%;
  left: 50%;
  margin: -16px -16px 0 0;
}


/**** footer des resultats ****/
div.footer{
  border-top:1px solid #cbcccc; 
  text-align: center;
  clear: both;
  padding-top: 15px;
}

div.footer input.droite{
  float:right;
}

div.footer input.gauche{
   float:left;
}

/* --------------------------------------------------
  ZONE DES BOUTONS
===================================================== */

#page.simulateur .boutons-action {
  margin: 1em auto;
}

#page.simulateur .boutons-action:after {
  content: "";
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  display: block;
}

#page.simulateur .boutons-action .colonne-champs {
  float: right;
  width: 570px;
  padding: 10px;
}

#page.simulateur .boutons-action .colonne-champs button, #page.simulateur .boutons-action .colonne-champs input {
  margin: 0 15px 0 0;
}

#page.simulateur .boutons-action .colonne-libelles {
  float: left;
  width: 330px;
  padding: 10px;
  text-align: right;
}

#page.simulateur .boutons-action .colonne-libelles button, #page.simulateur .boutons-action .colonne-libelles input {
  margin: 0 0 0 10px;
}

#page.simulateur .boutons-action .colonne-libelles button:first-child, #page.simulateur .boutons-action .colonne-libelles input:first-child {
  margin-left: 0;
}

#page.simulateur .boutons-action .centre {
  text-align: center;
}

#page.simulateur .boutons-action .centre button, #page.simulateur .boutons-action .centre input {
  margin: 0 15px 0 0;
}


/*********************************/
/********** RESPONSIF ************/
/*********************************/

#page.mobile div.allBtnCenter{
  padding-bottom: 10px;
}
#page.mobile div[id^="mainDivAvance"] .champs {
  width: 159px; 
}
#page.mobile div[id^="mainDivAvance"] .champs label {
	line-height: 2.5em;
}
#page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select { 
	display: inline-block; 
}
#page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select + select { 
	display: block; 
}
#page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] input, 
#page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select,
#page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select * { 
	max-width: 100%; 
}  
#page.mobile #idDivMapGeo, #page.mobile #idDivMapExp, #page.mobile #idDivMapIti, #page.mobile #geo-resultats, #page.mobile #contenu #geo-itineraire, #page.mobile #geo-recherche {
    width: auto !important;
	max-width: calc(100% - 20px);
}
  
@media screen and (max-width: 699px) {
  #page.mobile  div[id^="mainDivAvance"] .champs {
	  text-align: left;
  }
  #page.mobile #zone-centrale form[id^="rechercheAvanceForm"] .tableau-presentation .rangee { 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; 
	flex-wrap: wrap; 
  }
  #page.mobile #zone-centrale form[id^="rechercheAvanceForm"] .tableau-presentation .rangee > div { 
	border-top: none;
	-webkit-flex: 1; 
	flex: 1; 
	padding-right: 0 !important;
  }
  #page.mobile #zone-centrale form[id^="rechercheAvanceForm"] .tableau-presentation .rangee > div.champs { 
	-webkit-flex-basis: 107px; 
	flex-basis: 107px; 
	-webkit-flex-grow: 0;
	flex-grow: 0;
  }
  #page.mobile #zone-centrale form[id^="rechercheAvanceForm"] .tableau-presentation .rangee > div.bouton { 
	-webkit-flex-basis: 100%; 
	flex-basis: 100%; 
	text-align: left; 
	padding: 0;
  }
  #page.mobile #zone-centrale form[id^="rechercheAvanceForm"] .tableau-presentation .rangee:not(:last-child) > div.bouton { 
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 14px;
	margin-bottom: 7px;
  }
  #page.mobile div[id^="mainDivAvance"] .bloc-input-avance {
	box-sizing: border-box;
  }
  #page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] input, 
  #page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select,
  #page.mobile div[id^="mainDivAvance"] form[id^="rechercheAvanceForm"] select * { 
	box-sizing: border-box;
	width: 100%; 
	min-width: auto; 
  }  
  #page.mobile #zone-centrale .onglets-etapes > ul.onglets li a { min-width: 0;}
  #contenu .tableau-presentation .rangee > div { padding: 8px 2px; margin: 0; }
}

@media screen and (max-width: 805px) {
  #page.mobile div.optionsSupp { 
    float: left;
  height: auto;
  margin-top: 10px;
  width: 100%;
  }
  #page.mobile div.optionsSupp div { 
  display: table;
  position: relative;
  width: auto; 
  right: 0 !important;
  top: 0 !important;
  }
  #contenu .optionsSupp input { margin: 0 5px 5px 0; }
  #page.mobile div.optionsSupp label { width: auto; margin: 0 0 10px; }
  div.optionsSupp select { display: block; }
  
}