.bandeau.colorized {
	background-color: var(--w84);
}

.tip {
	cursor: help;
}
.tip.dotted {
	border-bottom: 1px dashed #999;
}
.sub-section {
	margin-bottom: 20px;
	padding-left: 15px;
}
.sub-section h3 {
	margin-left: -15px;
}
section .modal-header h2 {
	margin-bottom: 0;
	border: none;
}



/* custom-content */

#custom-content .annonces {
	margin-left: 0;
	margin-right: 0;
}
#custom-content .subtitle {
	text-transform: none;
}
#custom-content .subtitle h2 {
	margin: 0;
	font-style: italic;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 30px;
	line-height: 35px;
	text-align: center;
}

#custom-content .flash-msg .container {
	width: auto;
	text-align: center;
}

/* Espace RDV */

#btn_rdv {
	text-align: center;
}

#btn_rdv .button_rdv {
	vertical-align: middle;
	text-align: center;
}

#btn_rdv .button_rdv a.btn {
	width: 180px;
	font-weight: 300;
}

#btn_rdv .button_rdv button {
	width: 220px;
}

#btn_rdv .badge {
	vertical-align: text-bottom;
}

.no-rdv {
	text-align: center;
}
.col-rdv .editable-click,
.col-rdv .editable-click:hover {
	border: none;
}
.col-rdv .editable-empty,
.col-rdv .label {
	color: #08C;
}
.col-rdv .editable-empty:hover{
	color: #005580; 
}
.col-rdv .rdv-date:hover .label {
	background-color: #005580; 
}

.col-rdv li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #FFF;
}
.col-rdv li span {
	color: #333;
	text-decoration: none;
}
.col-rdv li i {
	margin-right: 5px;
}
.col-rdv .rdv-date .label {
	color: #FFF;
}
.col-rdv li .sous-cat {
	display: block;
	padding-left: 20px;
	/*  background: url('../img/sub-level.png') no-repeat; */
}
.col-rdv .rdv-msg {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-style: italic;
}
.col-rdv .rdv-msg .editable-click:before,
.col-rdv .rdv-msg .editable-click:after {
	content: '"';
	color: #08C;
}
.col-rdv .rdv-msg .editable-click.editable-empty:before,
.col-rdv .rdv-msg .editable-click.editable-empty:after {
	content: none;
}
.col-rdv .rdv-details-separator {
	margin: 7px;
	margin-left: 15px;
}

.col-rdv .new-rdv {
	margin: 20px 0 30px;
	max-width: 270px;
}

.rdv-user {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 165px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.expand {
    vertical-align: sub;
}


/* Cabs */
#cabs .btn {
    margin-bottom: 20px;
	padding: 25px 10px;
}


/* Pros */
.pro .btn{
	margin-left: 20px;
	width: 90px;
}
.pro-nom {
	line-height: 24px;
	font-size: 20px;
	color: #444;
	padding-right: 10px;
	min-width: 150px;
	display: inline-block;
}
.pro-nom a[href="#"] { 
	cursor: not-allowed; 
	pointer-events: none; 
	color: #333; 
}
.liste-pros .spe-title:first-child {
    margin-top: 5px;
}
.liste-pros .spe-title {
    margin: 30px 0 15px;
    padding-left: 0;
    font-variant: small-caps;
    font-weight: 400;
    font-size: 1.5em;
}

.pro-li {
	margin: 10px 0;
	padding: 12px 16px;
	background: #F0F0F0;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
}
.colorized .pro-li {
	background-color: #F2F4F9;
}
.colorized .pro-li.no-web {
	background-color: #FFF;
	box-shadow: inset 0 0 0 1px #DDD;
}
.pro-li.no-web .expand {
	display: none;
}

.pro-subtitle > span{
	font-size: 18px;
}

.pro-subtitle {
	border-bottom: 1px solid #CCC;
	padding-top: 15px;
	margin-bottom: 10px;
}
.pro-subtitle > i + span {
	padding-left: 10px;
}

.pro-content {
	margin-bottom: 10px;
	margin-left: 15px;
}


#infos .infos-subtitle:hover { cursor: pointer; color: #08C; }
#infos .infos-content { margin-left: 10px; }


/* Infos (plan, horaires, contact) */

span.ico1{
	float: left;
	height: 20px;
}

.contact .urgence {
	color: #C21B1B;
	margin-top: 10px;
}

.contact input.input-block-level {
	padding-left: 40px;
	height: 25px;
}
.contact input[type="text"]{
	background: url('../img/formname.png') #fff no-repeat 5px;
}
.contact input[type="email"]{
	background: url('../img/formmail.png') #fff no-repeat 5px;
}
.contact input[type="tel"]{
	background: url('../img/formphone.png') #fff no-repeat 5px;
}
.contact .ref,
.contact .url {
	display: none;
}
.contact .error .help-block {
	color: #C21B1B;
	margin-top: -10px;
	margin-bottom: 5px;
	font-size: 13px;
}
.contact fieldset[disabled] input, 
.contact fieldset[disabled] textarea {
    opacity: .5;
    cursor: not-allowed;
}

.pastille {
	margin-top: 30px;
}

#contact {
	padding-bottom: 0;
}
#contact .disclaimer {
	min-height: 1px;
}
#map {
	width: 100%; 
	height:400px; 
	pointer-events: none;
}
#map-link { 
	float: right; 
	background: #ffebaf; 
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
}
#map-link a { 
	display: block; 
	padding: 5px 10px 10px; 
}
#map-img {
	width: 100%;
	height: 100%;
	background-position: center;
	/*background: no-repeat;*/
	background-size: 100%;
	border-radius: 1rem;
	box-shadow: 0 -.2rem .5rem -.5rem, 0 1rem 3rem -2rem;
}



/* Responsive
-------------------------------------------------- */

@media (max-width: 979px) {
    #espace_rdv .delete .btn { padding: 2px 6px; }
	#map-img { background-size: cover; }

}
@media (min-width: 768px) and (max-width: 979px) { 
	.slide .info h2,
	.slide .info h2 * {
		font-size: 35px !important;
	}
	.slide .info h3,
	.slide .info h3 * {
		font-size: 27px !important;
	}
	.slide#responsive .info {
		position: absolute;
		top: 170px;
		right: 6%;
		width: 25%;
	}
	.slide#responsive .info 
	.slide#slide3 .info a {
		font-size: 15px;
	}
}   
@media (max-width: 767px) { 

	#pro-entete { 
		text-align: center; 
		margin-bottom: 0; 
	}
	#pro-entete .portrait {
		margin-bottom: 15px;
	}
	#pro-entete .pictures { 
		display: none;
		text-align: center;
		margin: 20px auto;
		float: none;
		height: 70px;
	}
	#pro-entete .pictures .img-polaroid { 
		display: inline-block;
		margin: 5px auto; 
	}
	.col-rdv .action.modify {
		display: inline-block;
		width: 49.4%;
	}
	#map { margin-bottom: 0; }
	#coord { margin-bottom: 30px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
	#custom-content .subtitle h2 {
		font-size: 20px;
		line-height: 30px;
	}

	.infos-subtitle { padding-left: 5px; }
	.infos-subtitle > span { font-size: 20px; padding-left: 5px; }
	.pro-li .pull-right { float: none; }
	.pro-li .btn { margin: 0 0 5px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

}

/* phones */
@media (max-height: 600px) {
	.modal-body { max-height: 200px; }
}
@media (max-height: 340px) {
	.modal-body { max-height: 100px; }
}