/******************************/
/*       Infos course         */
/******************************/
body.etat_infos_course, .etat_infos_course .theme-creative-2 {
  background-color: #000;
  font-family: 'Montserrat', 'Tahoma', sans-serif;	
}
body.etat_infos_course .pad-t-10 {
    padding-top: 10px;
}
body.etat_infos_course .pad-t-25 {
    padding-top: 25px;
}
.etat_infos_course .row {
    max-width:420px;
    text-align: center;
    margin:10px auto;
}
.etat_infos_course .row img.img-responsive {
    max-height:120px;
	display:inline-block;
}
.etat_infos_course .row p {
  font-family: 'Montserrat', 'Tahoma', sans-serif;	
    color:#CCC;
    margin-bottom:0;
    font-size: 11px;
	line-height:20px;
    font-weight: 500;    
}
.etat_infos_course .row .deroule p {
    padding:10px 60px 10px 50px;
    position:relative;
}
.etat_infos_course .row p strong {
    color:#FFF;
    font-size: 14px;    
}
.etat_infos_course .row p.cadre {
    background-color:#222;
    padding: 10px 0;
}
.etat_infos_course .row p strong.heure {
    float: right;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 15px;    
}
.etat_infos_course .row p.rond-plein {
    background:transparent url("../img/icones/rond-plein-top.png") no-repeat left top;
}
.etat_infos_course .row p.rond-plein.ligne_simple {
    padding:15px 60px 15px 50px;
}
.etat_infos_course .row p.rond-plein.vide {
    background:transparent url("../img/icones/rond-plein-top-vide.png") no-repeat left top;
}
.etat_infos_course .row p.vehicule {
    padding:10px 0 10px 50px;
    background:transparent url("../img/icones/voiture.png") no-repeat left center;
    font-size:12px;
}
.etat_infos_course .row p.personne {
    padding:10px 0 10px 50px;
    background:transparent url("../img/icones/personne.png") no-repeat left center;
}
.etat_infos_course .row p strong.heure {
    float: right;
    font-size: 20px;
}
.etat_infos_course .row p.ligne_simple strong.heure {
    position: absolute;
    right: 0;
    top: 13px;
}
.etat_infos_course .row p.vehicule strong.heure {
    position: absolute;
    right: 0;
    top: 18px;
}
.etat_infos_course h4.prix_chauffeur {
    float: left;
    font-weight:500;    
}
.etat_infos_course h4.prix_chauffeur span {
    color:#CCC;
    font-size: 11px;
    font-weight:100;
}
.etat_infos_course .row p.tel_pour_chauffeur {
    float: left;
}
.etat_infos_course .row p.tel_pour_chauffeur a {
    max-width:none;
    margin: 10px 0 0 0 !important;
    padding: 3px 10px;
}
.etat_infos_course .row p strong a {
    text-decoration: none;
    color:#DFB457;
}
.etat_infos_course .row p strong a:hover {
    text-decoration: none;
    color:#FFF;
}
.etat_infos_course .row p.rond-plein.bottom {
    background:transparent url("../img/icones/rond-plein-bottom.png") no-repeat left bottom;
}
.etat_infos_course .row p.rond-plein.vide.bottom {
    background:transparent url("../img/icones/rond-vide-bottom.png") no-repeat left bottom;
}
.etat_infos_course .row p.rond-plein.vide.milieu {
    background:transparent url("../img/icones/rond-vide-milieu.png") no-repeat left center;
}
.etat_infos_course .row p.rond-plein.milieu {
    background:transparent url("../img/icones/rond-plein-milieu.png") no-repeat left center;
}

.etat_infos_course h4 {
margin:0 0 5px;
color:#FFF;
font-weight: 600;
}
.etat_infos_course.chauffeur h4 {
  font-size:15px;
}
.etat_infos_course .btn {
  background: #CCC;
  color: #000;
  border: 0;
  font-weight: 600;
  border-radius: 20px;
  padding: 6px 20px;
}
.etat_infos_course .btn.margin-t-10, .etat_infos_course .btn.margin-t-25 {
	margin-top:15px;
}
.etat_infos_course .btn.btn-xs {
    font-weight: 500;
    border-radius: 4px;
    padding: 3px 2px 1px;
    width: 160px;
    font-size: 11px;
}
.etat_infos_course .contact-form-2 input.btn.btn-m.btn-red {
height: 32px;
background-color: #333;
padding: 6px;
font-weight: normal;
color:#FFF;
margin-top: 15px !important;	
}
.etat_infos_course .btn:hover {
  background: #FFF;
  border: 0;
  color:#000;
}
body.affichage_tablette {
  background: #000;
    height:100%;
}
body.affichage_tablette div {
    height:100%;
    text-align:center;
    padding: 1vw;
}
.affichage_tablette h1 {
    color:#FFF;
    width:100%;
    font-size:10vw;
    line-height: normal;
    margin-top:5%;
    padding: 5vw 1vw;
    font-family: 'Montserrat', 'Tahoma', sans-serif;
    font-weight: 500;      
}
/******************************/
/*       Conciergerie         */
/******************************/
div.bg-3.conciergerie {
padding:0;
border-radius:0;
background-color:transparent;
}
div.bg-3.conciergerie p {
padding: 2px 0;
  margin: 0;
  background-color: #EFEFEF;
  border-bottom: 1px dashed #888;
}
div.bg-3.conciergerie span.icone {
width:15%;
display:inline-block;
text-align:center;
}
div.bg-3.conciergerie span.titre {
padding-left:2%;
width:48%;
display:inline-block;
color:#000;
vertical-align: middle;
}
div.bg-3.conciergerie span.choix {
width:35%;
display:inline-block;
text-align:center;
color:#000;
vertical-align: middle;
}
div.bg-3.conciergerie select {
width:120px;
padding:4px;
text-align:center;
font-size:14px;
display:inline-block;
}
div.bg-3.conciergerie span.choix_radio {
background-color:#FFF;
padding:10px;
width:100px;
display:inline-block;
text-align:center;
color:#000;
}