/* css for maps */
.maps iframe {height: 100%; width: 100%;}
/* end of css for maps */
.bg-light {padding-top: 0px;}
.subhead1,  .suhhead2 {display: block; font-family: "Playfair Display",serif;}
.subhead1 {font-size:20px; font-weight:bold;}
.subhead2 {font-size:14px; font-weight: normal;}
		
@media (max-width: 992px) { 
	#comp2 {margin-top: 6px;}
	.p-2 {padding: 0 !important; padding: 0px;}
    .me-5 { margin-right: 0 !important; margin: 0px;}
}
@media (max-width: 850px) { 
	.numtel {font-size: 0px; visibility: hidden;}
	#comp2, #comp2 #comp22, #comp2 .numtel, .numtel, #comp2 .p-2, .me-5 { font-size:0px !important; margin:0px !important; padding:0px !important; height:0px !important; width:0px !important;	margin-left: 0rem !important; margin-bottom: 0rem !important;}
}
@media (max-width: 600px) { 
    .suhhead2 {
        font-size: 0px !important;
		visibility: hidden;
		margin: 0px !important;
		padding: 0px !important;
    }
	.subhead1 { 
	    font-size: 20px;
	    font-weight: normal;
	}
	#comp1, #comp3, #comp4, #comp5, #comp6, #comp1 .p-2, #comp3 .p-2, #comp4 .p-2, #comp5 .p-2, #comp6 .p-2{
		font-size: 0px !important;
		visibility: hidden;
		margin: 0px !important;
		padding: 0px !important;
	}
	#comp1 .me-5, #comp3 .me-2, #comp4 .me-2, #comp5 .me-2, #comp6 .me-3 {
		font-size: 0px !important;
		visibility: hidden;
		margin: 0px !important;
		padding: 0px !important;
	}
}


		/* footer */
#titlfooter {font-weight: bold;}
.pt-2 p a{color: #003; text-decoration: none;}
/* end of footer */
/* whatsapp fixed */
#buttonwhatsap {margin-bottom:100px; margin-right:100px; background-color: #25D366; color:#fff; font-size:28px; }
#circlewhatsap {margin-bottom:100px; margin-right:100px; width: 45px; height:45px; background-color: #25D366; box-shadow: 20px 20px 60px grey; border-color: #25D366;}
#buttonwhatsap:hover {background-color: #25D366; color:#fff; font-size:31px; }
#circlewhatsap:hover {width: 48px; height:48px; background-color: #25D366; box-shadow: 20px 20px 60px grey; border-color: #25D366;}
/* first container */

/** police de nav-link */
.navbar-expand-xl .navbar-nav .nav-link {color: #000; padding-top: 1px;}
.navbar-expand-xl .navbar-nav .dropdown-menu {color: #000; padding-top: 1px;}

.navbar-expand-xl .navbar-nav .nav-link:hover {color: #000; background-color:#ffffff; padding-top:2px;}
.navbar-expand-xl .navbar-nav .nav-link:active {color: red; background-color:#ffffff;}

.navbar-expand-xl .navbar-nav .dropdown-menu:hover {color: #000; background-color:#ffffff; padding-top:2px;}
.navbar-expand-xl .navbar-nav .dropdown-menu:active {color: red; background-color:#ffffff;}


/** espace entre les liens nav de nav-link */
@media (min-width: 1240px) { 
  .navbar-expand-xl .navbar-nav .nav-link {
		 margin-left: 20px;
  }
}

@media (min-width: 1183px) and (max-width: 1240px) {
  .navbar-expand-xl .navbar-nav .nav-link {
		 margin-left: 18px;
  }
}

@media (max-width: 1183px) { 
    .navbar-expand-xl .navbar-nav .nav-link {
		margin-left: 10px; 
		font-size: 18px;
		line-height: 1.7;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
	    font-size: 18px;
	    line-height: 1.7;
    }
}
/** conteneur fluid */
#menu_fixe {
   /* box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);*/
    background-color: #ffffff;	

-webkit-box-shadow: 0 5px 3px rgba(64,60,67,.16);;
  -moz-box-shadow: 0 5px 3px rgba(64,60,67,.16);;
  box-shadow: 0 5px 3px rgba(64,60,67,.16);;
 } 
.bg-light, .sticky-top, #navbar_top {padding-top: 0px;}

.navbar-expand-xl{padding-top: 0px;}
.navbar {padding-top: 0px;}
/** la hauteur du menu selon les écrans */
@media (min-width: 1200px) { #menu_fixe {height:60px;}}
@media (min-width: 992px) and (max-width: 1200px) { #menu_fixe {height:60px;}}

/** apparition et disparition de div en haut */
@media (max-width: 992px) { 
  #head-top #comp1, #head-top #comp3, #head-top #comp4, #head-top #comp5, #head-top #comp6, #head-top #comp11, #head-top #comp33, #head-top #comp44, 
  #head-top #comp55, #head-top #comp66 { font-size:0px; margin:0px; padding:0px; height:0px; width:0px;	margin-left: 0rem; margin-bottom: 0rem;}
  
  .p-2 {padding-right: 0; padding-left: 0px; padding-top: 2px;}
  .me-5 { margin-right: 0 !important; margin: 0px;}  
}
/** first container of presentation */
.mt-5 #firstcont1, .mt-4 #firstcont2, .mt-4 #firstcont3 {/*background-color:rgb(175,238,238);*/}
.mt-5 #firstcont1{/*border: 1px solid;*/}
.mt-5 #firstcont2{/*border: 1px solid;*/}
.mt-5 #firstcont3{/*border: 1px solid;*/}

.mt-5 .fa-2x {color: #007;}
.mt-5 .ms-2 {font-family: serif;} 
/** end of first container of presentation */
/** start of photo of the hospital */
.mb-5 ms-3 {font-family: serif;}
.mb-5 fa-2x {color: #007;}
/** end of photo of the hospital */
/***************/
/*  index   ****/
/***************/
/* Police */
#firstcont1, #firstcont2, #firstcont3, #activite .card .card-body,
#horraire, #rendez, #rendez1, #conseil, #conseil1, #contac, #contac1, #patient, 
#forgotpasswrd, #professionel; #inscritpro, #facture, #inscripp {
	font-size: 17px;
	line-height: 1.9;
}
#activite .card .card-body .d-flex {
	margin-top: 5px;
	margin-bottom: 10px;
}
#activite  #epatho {
	margin: 10px;
}
#conseil1 h3 {
	font-size: 20px; font-weight: 500;
}
#rendez1 .card h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#firstcont1 h3, #firstcont2 h3, #firstcont3 h3, #locaux h3, #locaux1 h3,
#activite h3,#activite1 h3, #horraire h3, #rendez h3, #conseil h3, #contac h3,
#contac1 h3, #patient h3, #professionel h3, #inscritpro h3, #facture h3, 
#inscripp h3 {
	font-size: 22px; font-weight: 500;color: red;
}
#patient .card, #professionel .card {
	border-radius: 20px;
	background: #f0f5f5;
}
#facture .g-3 .card{
	padding: 20px; 
	background-color: #f0f5f5;
	border-radius: 20px;
}
#locaux h3 .fa-hospital, #firstcont1 .fa-circle-h,
#firstcont2 .fa-elementor, #firstcont3 .fa-circle-plus, 
#locaux1 h3 .fa-hands-holding-child {margin-right: 10px; }
#locaux .card {
	margin: 10px;
}
#locaux .img-fluid {
	
	border: 0px;
}
#locaux1 .card .card-body {
	font-size: 17px;
	line-height: 1.9;
}