body {
  height: 100%;
}

body main {
  height: 70%;
  margin-bottom: 70px;
}

body footer {
  margin-top: 5%;
}

/* *****FRONT. OFFICE***** */
/*Begin: BLOC F.O MAIN MENU*/
header {
  background: #ffffff;
}

div.MainHeaderMenu {
  position: relative;
  padding-left: 13%;
  padding-top: 1%;
}

.logoStyle {
  position: relative;
  left: 100%;
  width:60px;
}

nav a {
  color: inherit;
}

nav a:hover {
  color: #0d6efd !important;
}

nav.FontWeight {
  font-weight: 700 !important;
  font-size: 1.2em !important;
}

div#navbarSupportedContent ul {
  width: 100%;
  padding-left: 5%;
}

div#navbarSupportedContent ul li {
  padding-left: 5%;
}

.NoUnderlineMenuText {
  text-decoration: none;
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
  div#navbarSupportedContent ul li {
    padding-left: 5% !important;
  }
}

@media screen and (min-width: 100px) and (max-width: 1220px) {
  div.MainHeaderMenu {
    padding-left: 0%;
  }
  nav.FontWeight {
    font-weight: 450 !important;
    font-size: 1em !important;
  }
  nav a:hover {
    color: #0d6efd !important;
  }
  div#navbarSupportedContent ul li {
    padding-left: 0%;
  }
  .logoStyle {
    width:25px;
  }
}
/*End: BLOC F.O MAIN MENU*/


/*Begin: INDEX PAGE*/
.DivBtnTrouverCentre {
  display: inline-block;
  border-radius: 30px;
  position: relative;
}
.DivAccueilImg {
  padding-left: 10px;
}
@media screen and (min-width: 1660px) and (max-width: 12000px){
  .DivAccueilTxt {
    margin-top: 130px !important;
  }
}

.MedCenterOpeningHours span {
  display: inline-block;
  margin: 0% 5%;
}

.MedCenterOpeningTitle tr td div a {
  font: 1.3rem 'Fira Sans', sans-serif;
}

@media screen and (min-width: 100px) and (max-width: 780px) {
  .MedCenterOpeningHours span {
    display: inline-block;
    margin: 0% 1%;
  }
}

.DivBtnTrouverCentre  {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.10rem;
  --bs-btn-font-size: 0.2rem;
}
/*End: INDEX PAGE*/


/*Begin: NOS-CENTRES Page*/
:root {
  --numDays: 7;
  --nbRows: 3;
  --columnHeight: 70px;
  --calBgColor: #fff1f8;
  --eventBorderColor: #f2d3d8;
  --eventGeneralDoctorConsult: #d1ffe6;
  --eventCardioConsult: #fafaa3;
  --eventGynecologyConsult: #e2f8ff;
  --eventMidwifeConsult: #ffd6d1;
  --eventPsychologyConsult: #86af49;
  --eventOncologyConsult: #80ced6;
}

.calendar {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  margin: 2rem;
}

.days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.date {
  margin-left: 15px;
}

.date {
  display: contents;
  gap: 1em;
}

.dateDay {
  display: inline;
  font-size: 2em;
  font-weight: 500;
}

.events {
  display: grid;
  grid-template-rows: repeat(var(--nbRows), var(--columnHeight));
  border-radius: 5px;
  background: var(--calBgColor);
}

.start-1 {
	grid-row-start: 1;
}

.start-2 {
	grid-row-start: 2;	
}

.start-3 {
	grid-row-start: 3;	
}

.start-4 {
	grid-row-start: 4;	
}

.start-5 {
	grid-row-start: 5;	
}

.start-6 {
	grid-row-start: 6;	
}

.start-7 {
	grid-row-start: 7;	
}

.start-8 {
	grid-row-start: 8;	
}

.start-9 {
	grid-row-start: 9;	
}

.end-2 {
	grid-row-end: 2;	
}

.end-3 {
	grid-row-end: 3;	
}

.end-4 {
	grid-row-end: 4;	
}

.end-5 {
	grid-row-end: 5;	
}

.end-6 {
	grid-row-end: 6;	
}

.end-7 {
	grid-row-end: 7;	
}

.end-8 {
	grid-row-end: 8;	
}

.end-9 {
	grid-row-end: 9;	
}

.end-10 {
	grid-row-end: 10;	
}

.end-11 {
	grid-row-end: 11;
}

.CitiesPosition {
  display: inline-block;
  width: 45%;
  text-align: left;
}

.StreetNamePosition {
  display: inline-block;
  width: 18%;
}

.StJustAdrPosition, .StLouisAdrPosition, .capeletteAdrPosition, .arlesAdrPosition {
  position: relative;
}

.StJustAdrPosition, .StLouisAdrPosition{
  top: 13px;
}

.TimesPosition {
  display: inline-block;
  width: 15%;
  text-align: right;
}

.BtnDefaultColor {
  background-color: #4169E1;
  color: white;
}

.BtnDefaultColor:hover{
  background-color: #FA8072;
}

.PbuttonMarging {
  margin : 8px !important;
}

.DivNosCentresImg {
  padding-left: 10px;
}
.DivNosCentresTxt {
  display: inline-block;
  width: 48%;
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;
}

.DivBlockWith {
  width: 100%;
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .DivBlockWith {
    width: 90%;
  }
}
.globalCenterTitle {
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
}

#TheStJustPermanenceSchedule {
	display: none;
}

#TheStLouisPermanenceSchedule {
	display: none;
}

#TheArlesPermanenceSchedule {
	display: none;
}

@media screen and (min-width: 600px) and (max-width: 12000px){
  .DivNosCentresImg img {
    height: 650px;
  }
  .TimesPosition {
    width: 40%;
  }
}

@media screen and (min-width: 540px) and (max-width: 1220px) {
  .arlesAdrPosition{
    top: 0px !important;
  }

  .capeletteAdrPosition {
    top : 0px !important;
  }

  .StJustAdrPosition {
    top: 15px !important;
  }

  .StLouisAdrPosition {
    top: 15px !important;
  }
}

@media screen and (min-width: 200px) and (max-width: 1220px) {
  .btn.btn-outline-primary {
    width: 122px !important;
  }

  .arlesAdrPosition{
    top: 20px;
  }

  .capeletteAdrPosition {
    top : 26px;
  }

  .StJustAdrPosition {
    top: 38px;
  }

  .StLouisAdrPosition {
    top: 51px;
  }

  .TimesPosition {
    width: 40% !important;
  }

  p.WaitingArrayTitleMrs {
    margin-bottom: 7px;
    margin-top: 20px;
  }

  p.WaitingArrayTitleArles {
    margin-top: 60px;
    margin-bottom: -12px;
  }

  span.WaitingTimePosition {
    width: 50%;
    display: inline-block;
  }
}

.btn.btn-outline-primary {
  margin: 10px;
  width: 200px;
}
/*End: NOS-CENTRES Page*/


/*Begin: NOS-SOINS Page*/
.DivNosSoinsImg {
  padding-left: 10px;
}
.event {
  border: 1px solid var(--eventBorderColor);
  border-radius: 10px;
  padding: 0.5rem;
  margin: 6px 0.5rem;
  background: white;
}

.rdvMidwifeConsult {
  background: var(--eventMidwifeConsult);
}

.rdvCardioConsult {
  background: var(--eventCardioConsult);
}

.rdvGynecologyConsult {
  background: var(--eventGynecologyConsult);
}

.rdvGeneralDoctor {
  background: var(--eventGeneralDoctorConsult);
}

.rdvPsychologyConsult {
  background: var(--eventPsychologyConsult);
}

.rdvOncologyConsult {
  background: var(--eventOncologyConsult);
}

.CenterChoise > table {
  margin: auto;
}

#CareListByCenter {
  display: none;
}

#Soins-capelette, #Soins-saintjust, #Soins-saintlouis, #Soins-arles {
  position: absolute;
}
/* SUBPAGE TROUBLE DE SOMMEIL */
.DivTroubSommeilImg {
  padding-left: 10px;
}
/* SUBPAGE TROUBLE DE SOMMEIL */
.DivPsychologieImg {
  padding-left: 10px;
}
/* SUBPAGE INFIRMIER */
.DivInfirmerieImg {
  padding-left: 10px;
}

/*End: NOS-SOINS Page*/


/*Begin: NOS SOINS & NOS-CENTRES & INDEX PAGES*/
.DivNosSoins, .DivNosCentres, .DivAccueil {
  margin-bottom: 30px;
}

.DivNosSoinsImg, .DivNosCentresImg, .DivAccueilImg {
  Display: inline-flex;
  width: 48%;
}

.DivAccueilImg img, .DivNosCentresImg img, .DivNosSoinsImg img, .DivPoleFemmeImg img, .DivNosSoignantImg img {
  border-radius: 2% 2% 2% 2%;
}

.DivAccueilTxt, .DivNosSoinsTxt, .DivPoleFemmeTxt, .DivNosSoignantTxt {
  display: inline-block;
  width: 48%;
  position: absolute;
  padding-left: 15px;
  padding-right: 15px;

}

/*Common Two blocs*/
@media screen and (min-width: 200px) and (max-width: 1220px) {
  .DivAccueilImg, .DivNosCentresImg, .DivNosSoinsImg, .DivPoleFemmeImg, .DivNosSoignantImg, .DivContactImg {
    width: 95% !important;
  }

  .DivAccueilTxt, .DivNosCentresTxt, .DivNosSoinsTxt, .DivPoleFemmeTxt, .DivNosSoignantTxt, .DivContactTxt {
    width: 100%;
    position: relative;
    margin-top: 20px;
  }
}
/*End: NOS SOINS & NOS-CENTRES & INDEX PAGES*/

/*Begin: MIDWIFE & GYNECOLOGIE & TOUBLE-DE-SOMMEIL & PSYCHOLOGY & INFIRMARY PAGES*/
.DivSageFemmeImg, .DivGynecologieImg, .DivTroubSommeilImg,
.DivPsychologieImg, .DivInfirmerieImg {
  display: inline-flex;
  width: 48%;
}

.DivSageFemmeImg img, .DivGynecologie img, .DivTroubSommeil img,
.DivPsychologie img, .DivInfirmerie img {
  border-radius: 2% 2% 2% 2%;
}

.DivSageFemmeTxt, .DivGynecologieTxt, .DivTroubSommeilTxt,
.DivPsychologieTxt, .DivInfirmerieTxt {
  display: inline-block;
  width: 48%;
  position: absolute;
  margin-top: 90px;
  padding-left: 15px;
  padding-right: 15px;
}

/*Common Two blocs*/
@media screen and (min-width: 200px) and (max-width: 640px) {
  .DivSageFemmeImg, .DivGynecologieImg, .DivTroubSommeilImg,
  .DivPsychologieImg, .DivInfirmerieImg {
    width: 95%;
  }
  .DivSageFemmeTxt, .DivGynecologieTxt, .DivTroubSommeilTxt,
  .DivPsychologieTxt, .DivInfirmerieTxt {
    width: 100%;
    position: relative;
    margin-top: 0px;
  }
}
/*End: MIDWIFE & GYNECOLOGIE & TROUBLE-DU-SOMMEIL & PSYCHOLOGY & INFIRMARY PAGES*/

/*Begin: POLE DE LA FEMME PAGE*/
.DivPoleFemme {
  margin-bottom: 80px;
}

.DivPoleFemmeImg {
  display: inline-flex;
  width: 48%;
  padding-left: 10px;
  padding-right: 10px;
}

.DivPoleFemmeTxt p {
  line-height: 1.15em;
}
@media screen and (min-width: 100px) and (max-width: 768px) {
  .TagContainer {
    width: 90% !important;
  }
}
/* SUBPAGE Midwife */
.DivSageFemmeImg {
  padding-left: 10px;
}
/* SUBPAGE Gynecologie */
.DivGynecologieImg {
  padding-left: 10px;
}
/*End PAGE: POLE DE LA FEMME*/

/*Begin PAGE: NOS SOIGNANT*/
.DivNosSoignant {
  margin-bottom: 100px;
}

.DivNosSoignantImg {
  display: inline-flex;
  width: 48%;
  margin-bottom: 60px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 1660px) and (max-width: 12000px){
  .DivNosSoignantTxt {
    margin-top: 130px !important;
  }
}
/*End PAGE: NOS SOIGNANT*/


/*Begin PAGE: CONTACT*/
.DivContactImg {
  display: inline-flex;
  width: 50%;
}

.DivContactImg img {
  border-radius: 4% 4% 4% 4%;
}

.DivContactTxt {
  display: inline-block;
  width: 48%;
  position: relative;
  top: -70px;
  padding-left: 30px;
  padding-right: 10px;
  margin-top: 80px;
  margin-bottom: 0px;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
  .DivContactTxt {
    width: 100%;
  }
}

@media screen and (min-width: 1220px) and (max-width: 1400px) {
  .DivContactTxt {
    width: 40%;
  }
}
/*End PAGE: CONTACT*/


/*Begin PAGE: RECRUTEMENT*/
.DivDoctors {
  margin-bottom: 80px;
}

.DivDoctorsBlockImg {
  width: 50%;
  height: 50%;
  display: inline-flex;
}

.RecruitmentPageTitle {
  margin-bottom: 2em;
}

.DivDoctorsBlockTxt {
  width: 49%;
  display: inline-block;
  position: relative;
  top: -2em;
  left: 10px;
}

@media screen and (min-width: 100px) and (max-width: 640px) {
  .DivDoctorsBlockTxt {
    width: 0%;
  }
}

.DivDoctorBlockTxtOtherSpecialists {
  display: block;
}

.DivDoctorBlockTxtOtherSpecialists li {
  display: inline flow-root list-item;
  margin: 0px 10px;
}

.DivNurses {
  width: 100%;
}

.DivNursesBlockImg {
  width: 50%;
  height: 50%;
  display: inline-flex;
}

.DivNursesBlockTxt {
  width: 49%;
  display: inline-block;
  position: relative;
  top: -1em;
  left: 10px;
}

/*Common Two blocs*/
.DivDoctorsBlockImg img, .DivNursesBlockImg img {
  border-radius: 2% 2% 2% 2%;
}

@media screen and (min-width: 200px) and (max-width: 1299px) {
  .DivDoctorsBlockImg, .DivDoctorsBlockTxt, .DivNursesBlockImg, .DivNursesBlockTxt {
    width: 100%;
  }
  .DivNursesBlockImg, .DivDoctorsBlockImg {
    margin-bottom: 3em;
  }

  .DivDoctors {
    margin-bottom: 0em;
  }
}
/*End PAGE: RECRUTEMENT*/

/*Begin: ***Common block rules F.O*** */
.FitContentStyle {
  width: fit-content;
  block-size: fit-content;
  margin: auto;
}

.Margin3Percent {
  margin: 3%;
}

.Padding2Percent {
  padding: 2%;
}

.TagContainer {
  display: inline-block;
  border-radius: 2%;
  width: 380px;
  box-shadow: 0 0 3px #555;
  margin: 2%;
}

.TagMainImage {
  border-radius: 2% 2% 0% 0%;
}

.TagDescriptionStyle {
  font: 1.2rem 'Fira Sans', sans-serif;
}

.TagButtonStyle {
  border: 1px solid #aaa;
  border-radius: 10% / 50%;
  width: 200px;
  block-size: fit-content;
  margin: auto;
  padding: 2%;
  background-color: #ccc;
}

.TagLinkStyle {
  font: 1.2rem caption;
}

.MedCenterOpening {
  width: 30%;
  border-collapse: collapse;  border-spacing: 0;
}

.MedCenterOpening tr td, .MedCenterOpening tr th, .MedCenterOpeningTitle tr td {
  padding: 0;
  border-spacing: 0;
  border: 0;
  text-align: center;
}

.MedCenterOpening > thead {
  background-color: transparent;
}

.doctorsAvatarsSize {
	display: inline;
	width:40px;
	height: 50px;
}

.womanNameColor {
  color:#ff00ff;
}

.manNameColor {
  color:#0d6efd;
}

.FooterFrontRDV {
  margin-top: 6%;
}
/*End: ***Common block rules F.O*** */




/* *****BACK. OFFICE***** */
/*Common Two blocs*/


/** Appointment button */
.AppointmentBtn {
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 5px 5px;
}
.GgBlueColor {
  background-color: #0d6efd;
}
.GgYellowColor {
  background-color: #ffcd39;
  color: #000;
}
.DoctorsText {
  position: absolute;
  display: inline-block;
}
.LinkBtnMargin {
 margin-left: 25%;
}

@media screen and (min-width: 100px) and (max-width: 640px) {
  .DoctorsText {
    position: relative;
    line-height: 1.5em;
  }
  .LinkBtnMargin {
    margin-left: 0%;
    display: block;
   }
}

/*Begin : Formulaire Ajout personnel médical*/

#BODIVAddGeneralistForm, #BODIVUpdatedOrDeletedGeneralistForm  {
  width: 22%;
  position: absolute;
}

#BODivFormAddSpecialistForm, #BODivUpdatedOrDeletedSpecialistForm  {
  width: 22%;
  position: absolute;
}

#BODivAddCardiologistForm, #BODivUpdatedOrDeletedCardiologistForm  {
  width: 22%;
  position: absolute;
}

#BODivAddGynecoForm, #BODivUpdatedOrDeletedGynecoForm  {
  width: 22%;
  position: absolute;
}

#BODivAddSomnoForm, #BODivUpdateOrDeleteSomnoForm  {
  width: 22%;
  position: absolute;
}

#BODivAddPsychoForm, #BODivUpdateOrDeletePsychoForm  {
  width: 22%;
  position: absolute;
}

#BODivAddSageFemmeForm, #BODivUpdateOrDeleteSageFemmeForm  {
  width: 22%;
  position: absolute;
}

#BODivAddParamedForm, #BODivUpdateOrDeleteParamedForm  {
  width: 22%;
  position: absolute;
}

.BODivDisplayMedicalStaff {
  width: 78%;
  position: relative;
  margin-left: 400px;
}

.BODivGender  {
  position: relative;
  top: -13px;
  margin-bottom: -30px !important;
}
.genderMan, .genderWoman {
  left: 115px;
  position: relative;
  top: -15px;
}

.BODivLastname input {
  position: relative;
  left: 74px;
}

.BODivFirstname {
  position: relative;
  top: -7px;
}
.BODivFirstname input {
  position: relative;
  left: 50px;
}

.BODivMatricule {
  position: relative;
  top: -12px;
}
.BODivMatricule input {
  position: relative;
  left: 33px;
}

.BODivFonctionList {
  position: relative;
  top: -18px;
}
.BODivFonctionList select {
  position: relative;
  left: 36px;
}

.BODivPhoto {
  position: relative;
  top: -24px;
}
.BODivPhoto input {
  position: relative;
  left: 60px;
}

.BODivDoctolibLink {
  position: relative;
  top: -30px;
}
.BODivDoctolibLink input {
  position: relative;
  left: 7px;
}

.BODivSaveNewDoctor {
  position: relative;
  top: -30px;
}

@media screen and (min-width: 100px) and (max-width: 1220px) {
  #BODIVAddGeneralistForm, #BODIVUpdatedOrDeletedGeneralistForm, #BODivFormAddSpecialistForm, #BODivUpdatedOrDeletedSpecialistForm, 
  #BODivAddCardiologistForm, #BODivUpdatedOrDeletedCardiologistForm, #BODivAddGynecoForm, #BODivUpdatedOrDeletedGynecoForm, #BODivAddSomnoForm, #BODivUpdateOrDeleteSomnoForm,
  #BODivAddPsychoForm, #BODivUpdateOrDeletePsychoForm, #BODivAddSageFemmeForm, #BODivUpdateOrDeleteSageFemmeForm, #BODivAddParamedForm, #BODivUpdateOrDeleteParamedForm {
    width: 100%;
    position: relative;
  }
  .BODivDisplayMedicalStaff {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (min-width: 100px) and (max-width: 370px) {
  .genderMan, .genderWoman, .BODivLastname input, .BODivFirstname input, .BODivMatricule input, .BODivFonctionList select, .BODivPhoto input, .BODivDoctolibLink input {
    display: block;
    left: 0px;
  }
}


/*Begin : Tableau d'affichage personnel soignant*/
.DivArrayDisplayPersonal {
  display: grid;
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-family: sans-serif;
  font-size: 0.8rem;
  letter-spacing: 1px;
}

thead {
  background-color: rgb(228 240 245);
}

th,
td {
  border: 1px solid rgb(160 160 160);
  padding: 8px 10px;
}

.PersonalArrayTitle {
  text-align: center;
}
td:last-of-type {
  text-align: center;
}
/*End : Tableau d'affichage personnel soignant*/


/*Begin : FORMULAIRE D'AJOUT DE PERMANENCE DS LE PLANNING : */
.BODivAddPermanenceForm {
  width: 22%;
}
.BODivMedCenter select {
  position: relative;
  left: 80px;
}
.BODivDoctorName select {
  position: relative;
  left: 43px;
  max-width: 170px;
}
.BODivDoctorName p {
  position: absolute;
}
.BOBtnAddGeneralist {
  position: relative;
  left: 50px;
}
.BODivParamedName {
  position: relative;
  top: 10px;
}
.BODivParamedName select {
  position: relative;
  left: 64px;
}
.BODivParamedName p {
  position: absolute;
}
.BOBtnAddParamed {
  position: relative;
  left: 94px;
}
.BODivListCaregivers select {
  background-color: #87CEFA;
  width: 170px;
  left: 43px;
  position: relative;
  top: 25px;
}
.BODivListCaregivers p {
  position: absolute;
}
.BOBtnDeleteStaff {
  position: relative;
  left: 47px;
}
.BODivTimes {
  position: relative;
  top: 36px;
}
.DivBeginningTimes {
  position: relative;
  left: 122px;
  top: -27px;
}
.DivEndingTimes {
  position: relative;
  left: 129px;
  top: -20px;
}
.BODivPermanenceDate {
  position: relative;
  top: 21px;
}
.BODivPermanenceDate input {
  position: relative;
  left: 104px;
}
.BODivEndRepeatDate {
  position: relative;
  top: 10px;
}
.BODivPermanenceDateModif {
  position: relative;
  top: -10px;
}
.BODivPermanenceDateModif input {
  position: relative;
  left: 105px;
}

#BODivAddPermanenceForm, #BODivUpdateOrDeletePermanenceForm {
  position: absolute;
} 

@media screen and (min-width: 100px) and (max-width: 768px) {
  #BODivAddPermanenceForm, #BODivUpdateOrDeletePermanenceForm {
    position: relative;
  } 
}


/*End : FORMULAIRE D'AJOUT DE PERMANENCE DS LE PLANNING : */



.DivSubmitBtn {
  margin-bottom: 12px;
}
/*End : FORMULAIRE D'AJOUT DE PERMANENCE DS LE PLANNING */


/*Begin PAGE : PLANNING*/
.DivPlanningListCenter {
  margin-left: 30%;
}
/*End PAGE : PLANNING*/



/*Begin: ***Common block rules B.O*** */
.MainTextSize {
  font-size: 2.5em;
}

/*Begin PAGE: LOGIN*/
@media screen and (min-width: 600px) and (max-width: 12000px){
  .BODivAuthenticationTxt {
   margin-top: 6% !important;
  }
}

.BODivAuthenticationImg {
  Display: inline-flex;
  width: 48%;
}
.BODivAuthenticationImg img {
  border-radius: 2% 2% 2% 2%;
}
.BODivAuthenticationTxt {
  display: inline-block;
  width: 48%;
  position: absolute;
  margin-left: 15px;
  margin-right: 15px;
}
.BOLoginSectionLogo {
  margin-bottom: 10px;
}
.BOLoginLogo {
  width: 45px;
}
@media screen and (min-width: 100px) and (max-width:640px) {
  .BOLoginLogo {
    width: 20px;
  }
}
@media screen and (min-width: 100px) and (max-width: 1220px) {
  body main {
    margin-bottom: 0px;
  }
  .BODivAuthenticationImg {
    width: 100%;
  }
  .BODivAuthenticationTxt {
    width: 100%;
    position: relative;
    margin-top: 30px !important;
  }
}
.BOLogin label > input {
  margin-left: 60px !important;
}
.BOPassword label > input {
  margin-left: 37px !important;
}
/*End PAGE: LOGIN*/


/*Begin PAGE: LOGOUT*/
.DivDisconnection {
  position: absolute;
  text-align: right;
  right: 60px;
}

.BOLogoutIconBerder {
  border-radius: 30px 30px;
}
/*End PAGE: LOGOUT*/

/* Mobile font-size MENU and disconnect icon taill */
@media screen and (min-width: 100px) and (max-width: 1220px) {
  .BOMobileMenuFontSize {
    font-size: 0.8em !important;
  }
  .BOMobileMenuLogoutIconSize {
    width: 20px !important;
  }
}
.BOMobileMenuLogoutIconSize {
  width: 30px;
}
/* Pages structures */
@media screen and (min-width: 600px) and (max-width: 12000px){  
  .BODivTxtRoot {
    margin-top: 6% !important;
  }
}
.BODivImgRoot {
  Display: inline-flex;
  width: 48%;
  padding-left: 10px;
  padding-right: 10px;
}
.BODivImgRoot img {
  border-radius: 2% 2% 2% 2%;
}
.BODivTxtRoot {
  display: inline-block;
  width: 48%;
  position: absolute;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 100px) and (max-width: 640px) {
  .BODivRoot {
    margin-bottom: 180px;
  }
  .BODivImgRoot {
    width: 100%;
  }
  .BODivTxtRoot {
    width: 100%;
    position: relative;
    margin-top: 0px;
  }
}

/*Global add doctor forms div*/
.BODivGlobalForms {
  margin-top: 50px;
  margin-bottom: 170px;
  width: 100%;
}

.BOMarginBottom {
  margin-bottom: 100px;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
  .BODivPlanningBlockWith {
    width: 70%;
  }
}
/*End: ***Common block rules B.O*** */





/*Begin: ***Common block rules F.O / B.O*** */
.MainBgColor {
  background-color: RGBA(248,249,250,var(--bs-bg-opacity,1)) !important;
}
/* Footer */
.FooterSelected a:hover {
  color: #0d6efd !important;
}
.rdvTitle {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

button {
  border: none;
}

.MainTextWeight {
  font-weight: 590 !important;
}

.FS09{
  font-size: 0.9rem;
}
/*End: ***Common block rules F.O / B.O*** */