/*********** mon compte ***********/
.row.title {margin-left: 0; margin-right: 0; margin-top: -35px; background-color: var(--main_color); padding: 15px 0; color: #FFFFFF;}
#breadcrumb {color: var(--main_color); font-size: 1rem;}

/*********** mes réservations ***********/
.reservation .title {color: var(--main_color); font-size: 1.1rem; font-weight: bold;}

/*********** informations personnelles ***********/
#form-informations-personnelles .form-control:disabled, #form-informations-personnelles .form-control[readonly] {border: none; background-color: unset;}
#form-informations-personnelles .input-group {padding-bottom: 5px;}
#form-informations-personnelles .input-group-prepend {width: 180px;}
#form-informations-personnelles .input-group-text {width: 100%;}
#form-informations-personnelles .custom-select {padding: .25rem .5rem; font-size: 0.875rem;}
.ui-widget {font-size: 0.9rem;}
.ui-widget-header {background: var(--primary_color) url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; border-color: var(--main_color);}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: red; border-color: red;}

@media(max-width:1199.98px) {
	#page_informations-personnelles .bloc_title {font-size: 2.2rem;}
}

@media(max-width:991.98px) {
	.bloc_title {font-size: 1.6rem; line-height: 1.6rem;}
	#page_informations-personnelles .bloc_title {font-size: 1.4rem;}
}