/* CSS pour le contenu des formulaires */

#content {
  float: left;
  width: 520px;
  border-color:rgb(130, 10, 130);
  border-style:dashed;
}
#sidebar {
  float: left;
  border-color:rgb(255, 0, 255);
  border-style:dashed;
}
#cleared {
  clear: both;
}

}
.btn {
  border-radius: 5px;
}




/* CSS pour le style du contenu des formulaires */

	#formTitle {
		font-family: "Roboto";
		font-weight: bold;
		font-size: 21px;
		color: rgb(0, 0, 0);
	}
	
	#formText {
		font-family: "Roboto";
		font-weight: normal;
		font-size: 15px;
		color: rgb(153, 153, 153);
	}

	#formTextField {
		font-family: "Roboto";
		font-weight: normal;
		font-size: 20px;
		color: rgb(153, 153, 153);
		border:1px solid rgb(0, 0, 0);
		width: 240px;
		height: 30px;
	}
	.title-black {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 18px;
		padding-bottom: 20px;
	}
	
	.SCText{
		font-family: Roboto;
		font-weight: 300;
		color: rgb(0, 0, 0);
		font-size: 18px;
	}
	
	.title-black1 {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 18px;
		text-transform: uppercase;
		text-align:center;
	}
		
	.title-white {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);

		font-size: 21px;
	}
	.title-caregiver {
		font-family: Roboto;
		font-weight: bold;
		color: #FFF;
		background-color: #EB4F4E;
		font-size: 12px;
		font-variant: small-caps;
		text-align: center;
		padding: 2px;
	}
	
	.title-caregiver2{
	
		background-color: none;
		font-size: 16px;
		font-family: Roboto;
		font-weight: bold;
	}	
		
	.smalltitle {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 16px;
	}
	
	.smalltitle1 {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 14px;
		padding: 6px 4px;
		text-align: left !important;
	}	
	
	.caregiverName {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 16px;
		text-align: center;
		padding: 5px;
	}
	
	.inputLoginSpacing{
	
		margin: 0.5em 0;	
	
	}
	
	.inputLoginStyle{
	
		width: 100%;
		height: 2.5em !important;	
	}
	
	.loginTitle{
	
		padding-top: 1em;
		padding-bottom: 0.5em;	
	
	}
	

	
	.findCareGiverButtonStyle{
	
		padding-top: 10px;
		padding-bottom: 10px;
	
	}
	
	.servicePopUp{
	
		background-color: rgba(239,237,236,1);
		box-shadow: 0px 0px 10px #888;
		z-index: 100;
		width: 12.75%;
		padding: 11px 6px 10px;	
	
	}
	
	.servicePopUpPosition{
	
		position: absolute;
		top: 100px;
		left: 23px;
	
	}
	
	.servicePopUpInputText{
	
		font-size: 14px !important;	
		height: 25px !important;
	}
	
	.inputTextServiceSize{
	
		padding-left: 4px !important;
		padding-right: 4px !important;	
	}
	
	.servicePopUpButtonSize{
	
		padding: 5px 10px !important;
		margin-top: 12px;
		font-size: 9px !important;	
	
	}
	
	.SCTextSpacing{
	
		padding-top: 10px;
		padding-bottom: 10px;	
	
	
	}
	
	.careGiverHoverEffect:hover {
	
		box-shadow: 0px 0px 10px #888;
		border: 1px solid transparent;
		
	
	}
	
	.careGiverHoverEffect:hover .selectButtonSize{
	
		background-color: rgba(139,197,65,1);
		border-style: solid;
		border-color: rgba(139,197,65,1);
		border-radius: 3px;
	
	}
	
	.careGiverHoverEffect{
	
		display: inline-block;
		float: none !important;
	
	}
	
	.careGiverHoverEffect:hover .selectForTextButton{

		color: white;	
	
	}
	
	.refineSearchPosition{
	
		padding-top: 20%;
		padding-bottom: 10%;	
	
	}
	
	.refineSearchButtonSize{

		padding: 5px 10px !important;
		font-size: 12px !important; 	
	
	}
	
	.refineSearchSpacing{

		padding-bottom: 6px;	
	
	}
	
	.chooseCaregiverGreyElementPosition1{
	
		padding-right: 10px !important;
		padding-bottom: 20px !important;	
	
	}
	
	.chooseCaregiverGreyElementPosition2{
	
		padding-left: 10px !important;
		padding-bottom: 20px !important;	
	
	}
	
	.popUpChooseCaregiverBlocText{
	
		padding-bottom: 1em;
		font-size: 18px;	
	
	}
	
	.menuName{
	
		right: 14em;	
	
	}
	
	.menuName1{
	
		right: 12em;
		top: 70px !important;	
	
	}
	
	.menuHelp{

		right: 1em;	
	
	}
	
	.serviceFormTextFieldSize{
	
		font-size: 16px !important;	
	}

	.subtitle {
		font-family: Roboto;
		font-weight: normal;
		color: rgb(147, 149, 153);
		font-size: 18px;
	}
	.smallDay {
		font-family: Roboto;
		font-weight: 600;
		color: rgb(0, 0, 0);
		font-size: 19px;
		text-align: center;		
	}
	
	.smallDayPopUp {
		font-family: Roboto;
		font-weight: 600;
		color: rgb(0, 0, 0);
		font-size: 12px;
		text-align: center;
		padding-bottom: 6px;
	}
	
	.smallDay1 {
		font-family: Roboto;
		font-weight: 400;
		color: rgb(0, 0, 0);
		font-size: 12px;
		text-align: center;
		padding: 10px 6px 6px;	
	}	
	
	
	.smallMonth {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 34px;
		text-align: center;
	}
	
	.smallMonthPopUp {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 22px;
		text-align: center;
		text-transform: uppercase;		
	}
	
	.smallMonth1 {
		font-family: Roboto;
		font-weight: 400;
		color: rgb(0, 0, 0);
		font-size: 22px;
		text-align: center;
		text-transform: uppercase;
		padding: 0px 6px 6px;
	}	
	
	.rowGreyPickDate{
	
	margin-left: 15px;
	margin-right: 15px;
	
	}	
	
	.text16 {
		font-family: Roboto;
		color: rgb(0, 0, 0);
		font-size: 16px;
	}
	.text16Bold {
		font-family: Roboto;
		color: rgb(0, 0, 0);
		font-size: 16px;
		font-weight: bold;
	}

	.text14 {
		font-family: Roboto;
		color: rgb(0, 0, 0);
		font-size: 14px;
	}
	.text14Grey {
		font-family: Roboto;
		color: rgb(147, 149, 153);
		font-size: 14px;
		text-align: center;
	}
	
	.text14Grey2 {
    font-family: Roboto;
    color: #939599;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
}


	.greenButton {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 16px;	
		border: 0px;
		padding: 5px 20px;
		background: rgb(199, 220, 104);
		border-radius: 25px;
		text-transform: uppercase;
    }
	.greenButtonCaregiver {
		border: 0px;
		padding: 5px 20px;
		background: rgb(139, 197, 67);
		border-radius: 4px;
	}
	.greenButtonCaregiver-whiteText {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(255,255,255);
		font-size: 11px;
	}
/* 	.greenButtonCaregiverText-halftoneText { */
/* 		font-family: Roboto; */
/* 		font-weight: bold; */
/* 		color: rgb(195,222,156); */
/* 		font-size: 11px; */
/* 	} */
/* 	.greyButton { */
/* 		font-family: 'Open Sans'; */
/* 		color: rgb(0, 0, 0); */
/* 		font-size: 16px; */
/* 		border: 0px; */
/* 		padding: 5px 20px; */
/* 		background: rgba(218, 215, 215, 0.7); */
/* 		border-radius: 25px; */
/* 	} */
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.loginButtonResize {

    	font-size: 0.8em;
    }

}
	
	.pickDateButton{
	
		background-image: url("../img/ico/ico-viewyear.png");
		background-repeat: no-repeat;
		background-size: 80% auto;
		width: 32px;
		height: 27px;
		background-position: center center;
			
	}
	
	.pickDateButtonPosition{
	
		padding-top: 20px;
		padding-bottom: 20px;
	
	}
	
	.espaceCaseCalendrier{

		margin: 5px;	
	
	}
	
	.espaceCaseCalendrierLast{

		margin-bottom: 20px;	
	
	}
	
	.espaceBas{
	
		margin-bottom: 2em;	
	
	}
	
	.becomeCareGiverButtonEspace{
	
		margin-top: 2em;	
		margin-bottom: 1em;
	}
	
	.serviceIconButton{
	
	background-image: url("../img/ico/ico-viewyear.png");
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	
	}	
	
	.red {
	
	background: rgb(235, 79, 78);	
	
	}
	
	.redButton {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(255, 255, 255);
		font-size: 16px;
		border: 0px;
		padding: 5px 20px;
		background: rgb(235, 79, 78);
		border-radius: 25px;
	}

	.blackButtonSmall {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(255, 255, 255);
		font-size: 12px;	
		border: 0px;
		padding: 5px 20px;
		background: rgb(0, 0, 0);
		border-radius: 25px;
    }
	.whiteButtonSmall {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(0, 0, 0);
		font-size: 10px;
		padding: 5px 20px;
		background: rgb(255, 255, 255);
		border-radius: 25px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-color: rgb(0, 0, 0);
		border-right-color: rgb(0, 0, 0);
		border-bottom-color: rgb(0, 0, 0);
		border-left-color: rgb(0, 0, 0);
    }
	.whiteButtonBig {
		font-family: Roboto;
		color: #000;
		font-size: 14px;
		padding-top: 5px;
		background: none repeat scroll 0% 0% #FFF;
		border-radius: 25px;
		border-width: 1px;
		border-color: #000;
		width: 125px;
		padding-bottom: 5px;
		margin-top: 10px;
	}

	.whiteButtonSmallHover {
		font-family: Roboto;
		font-weight: bold;
		color: rgb(255, 255, 255);
		font-size: 10px;
		padding: 5px 20px;
		background: rgb(0, 0, 0);
		border-radius: 25px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-color: rgb(255, 255, 255);
		border-right-color: rgb(255, 255, 255);
		border-bottom-color: rgb(255, 255, 255);
		border-left-color: rgb(255, 255, 255);
    }
	.formTextField {
		font-family: "Roboto";
		font-weight: 400;
		font-size: 18px;
		color: #999;
		border: 1px solid #000;
		width: 100%;
		height: 30px;
	}
	
	.accountInputWidth{
	
	width: 47.7%;	
	
	}	
	
	.accountBtn{
	
	margin-top: 30px;	
	margin-bottom: 30px;
	
	}
	
	.formSmallTextField {
		font-family: "Roboto";
		font-weight: normal;
		font-size: 16px;
		color: rgb(153, 153, 153);
		border:1px solid rgb(0, 0, 0);
		height: 30px;
		width: 100%;
	}
	
	.workingTimeBox{
	
		opacity: 0;
		z-index: -1;
	}
	
	.availableBox{

		opacity: 0;
		z-index: -1;
	
	}
	
	
	.starImg{
	
		background-image: url("../img/ico/ico-stars-on.png");
		background-size: 100%;
		width: 12px;
		height: 12px;
		background-repeat: no-repeat;
		background-position: center center;
	
	}
	
	.starTexte{
	
		color: rgb(147, 149, 153);
		font-size: 12px;	
	
	}
	
	.starDiv{
		
		padding-bottom: 5px;
		text-align: center;	
	
	}
	
	.starDivRequestBooking{
	
		padding-bottom: 10px;
		text-align: center;
	
	}
	
	.selectForTextButton{
	
		font-weight: 600;	

	}
	
	.selectForText2Button{

	color: rgb(147, 149, 153);	
	
	}
	
	.selectButtonSize{
	
		padding: 5px 8%;
		height: 30px;
	
	}
	
	.selectButtonFont{

		text-align: center;
		font-size: 11px;
	
	}
	
	.imputPaddingBottom{
		
		padding-bottom: 30px;	
	
	}
	
	.smallBlueLink {
		font-family: Roboto;
		font-weight: normal;
		font-size: 14px;
		color: rgb(0, 172, 238);
		border: 0px;
		width: 240px;
		height: 30px;
		text-decoration: underline;
	}
	.smallBlueLinkNoUnderline {
		font-family: Roboto;
		font-weight: normal;
		font-size: 11px;
		color: rgb(0, 172, 238);
		text-decoration: none;
		text-align: center;
		padding: 10px 0px;
	}
	
	.smallBlueLinkNoUnderline:HOVER{
	
		cursor: pointer;
	
	}

	.bigBlackLink {
		font-family: Roboto;
		font-weight: Bold;
		font-size: 16px;
		color: rgb(0, 0, 0);
		border: 0px;
		width: 240px;
		height: 30px;
		text-decoration: underline;
	}

.careGiverSelected{

		background-image: url("../img/careGivers/caregiver1.jpg");
		width: 150px;
		height: 150px;
		background-size: 100% auto;
		background-position: left center;
		background-repeat: no-repeat;

}

.becomeCareGiverIMG{

	border: 1px solid #000;
	width: 100px;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 20px;

}


.imgChooseCareGivers1{

	background-image: url("../img/careGivers/caregiver01.png");

}

.imgChooseCareGivers2{

	background-image: url("../img/careGivers/caregiver02.png");

}

.imgChooseCareGivers3{

	background-image: url("../img/careGivers/caregiver03.png");

}

.imgChooseCareGivers4{

	background-image: url("../img/careGivers/caregiver04.png");

}

.imgChooseCareGivers5{

	background-image: url("../img/careGivers/caregiver05.png");

}

.imgChooseCareGivers6{

	background-image: url("../img/careGivers/caregiver06.png");

}

.imgChooseCareGivers7{

	background-image: url("../img/careGivers/caregiver07.png");

}

.imgChooseCareGivers8{

	background-image: url("../img/careGivers/caregiver08.png");

}

.imgChooseCareGivers9{

	background-image: url("../img/careGivers/caregiver09.png");

}

.imgChooseCareGivers10{

	background-image: url("../img/careGivers/caregiver10.png");

}

.imgChooseCareGivers11{

	background-image: url("../img/careGivers/caregiver11.png");

}

.imgChooseCareGivers12{

	background-image: url("../img/careGivers/caregiver12.png");

}

.imgChooseCareGiversPosition{

	height: 9em;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.imgChooseCareGiversPopUp{

	background-image: url("../img/careGivers/caregiver06.png");
	height: 192px;
	width: 192px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;

}

.careGiverDivSize{

	margin: 10px;
	width: 21.5%;

}

.floatLeft{

	float: left;


}

.blackBorder{

	border: 1px solid rgb(64, 64, 65);
	padding: 0px;

}

.bookingTableBorder{

	border: 1px solid rgb(64, 64, 65);
	padding-left: 5px;

}

.requestBookingTDHeight{

	height: 1.6em;

}

.requestBookingTextAreaSize{

	height: 6em;
	margin-bottom: 20px;


}

.bookingColumn1Size{

	width: 80%;

}

.imgPlus{

	background-image: url("../img/ui/plus-rond.svg");
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 2em;
	height: 2em;
	margin-left: 10px;
}


.imgMap{

	background-image: url("../img/map/map.png");
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 12em;


}

.vAlignCenter{

  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.importSCText{

	text-decoration: underline;
	padding-top: 5px;
	padding-left: 5px;

}

/*
.paddingTopTitle{

	padding-top: 5%;

}*/

select option[disabled]:first-child {
	display: none;
}