@charset "UTF-8";
/* CSS Document */
html, body {
	height: 100%;
	/*background: url(../images/background.jpg) no-repeat fixed center top #EFEFEF;
	border: 0px solid transparent;
	/*font-family: 'PT Sans', sans-serif;*/
	/*background: url(../images/lille.jpg) no-repeat fixed top;
	background-size:cover;*/
/*font-family: 'Open Sans', sans-serif;/*
	font-size: 13px; /* Ideal: 16px */
	font-family: 'Fira Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
	margin: 0px auto 0px auto;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
	width: 100%;
	color: #353535;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}


img, object, embed, canvas, video, audio, picture {
   max-width: 100%;
   height: auto;
}
.logo{ float: left; margin-top: 5px;}

.image-centre { display: none;}

.menu_lien {
	color: #4e6f45 !important;
    text-decoration: none;
	font-size: 16px;
	margin-right: 30px;
}

.menu_ul {
	z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
	float: left;
    margin-left: 50px;

}

.menu_li {
    position: relative;
    display: inline;
    float: left;
    text-align: center;
	margin-right: 50px;

}

.degrade { width:100%; margin-left:auto; margin-right:auto;  background: #fcf7e1; background: linear-gradient(to bottom right,#fcf7e136,#ffe7de87)!important;}
.div_centre { text-align: center; display: block; position: fixed; z-index: 10000; box-shadow: -1px 2px 5px 0px #0000001f; background: #FFFFFF !important; }
.top {margin-left:auto; margin-right:auto; width: 1090px; display: inline-block; position: relative; overflow: hidden;}

.cadre-global {
    width: 1090px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;

}

.cadrecentrale-global {
width: 100%;/*932px;*/
min-height: 0%;
position: relative;

}


.layout-menu, .layout-content, .layout-adv{

   height: 100%;
   min-height: 100%;
   vertical-align: top;
}

.content{ padding: 5% 0% 5% 0%; position:relative; float: left;
    width: 100%;}


.texte-intro { text-align: justify; font-size: 16px; }
.mutuelles {  /* font-size: 150%; */ font-weight: bold; font-style: italic; }
#reseaux { margin-bottom: 0px; }
.img_reseaux {height: 110px; width: auto; }
.img_reseaux_margin { margin-left: 40px; margin-right: 40px;}
.img_reseaux_margin_right {margin-right: 0px; }
.gemmsor {margin-right: 0;}
.sohier {  }
.reseau_bronchiolite {  margin-left: 25px; }
.mc_kenzie {}
.recupair { }


.div_img_reseaux { text-align: center; display: inline-block; margin-bottom: 20px; }


.titre_centre, .titre_equipe, .adresse_centre, .tel_centre, .centre {  animation-name: titreslide; animation-duration: 2s; }

.titre_centre, .titre_equipe {font-size: 22px; }
.titre_presentation {font-size: 46px; color: #FFFFFF !important;}

h1.titre_presentation {padding-top: 10%; text-shadow: 1px 1px 2px #00000024;}

.photo_centre { padding-top: 80px; width: 100%; height: 450px; float: left; margin-bottom: 2.5%;}

.texte_grand { font-size: 22px; }

.titre_equipe {  line-height: 38px;}

.centre_accueil { text-align: center; }
.adresse_centre, .tel_centre { font-size: 15px; }
.tel_centre { text-decoration: none; color: #000000 !important; }
.div_adresse { float: left; width: 47.25%; text-align: left; margin-bottom: 50px;}
.map {width: 48%;}

.praticiens { margin-top: 40px; margin-bottom: 40px;}
.titre_praticiens { font-size: 18px;  }
.cabinet { margin-top: 50px;}
.liste_praticiens {  line-height: 50%; }
.transports { font-size: 15px; }
.info_cabinet { color: #007bff !important; }

#centres { padding-top: 30px!important; }
.cadre-global-top { padding-top: 70px !important; }

.disciplines { text-align: center; margin-top: 50px; display: inline-block; display: inline-table; width: 29.6667%; margin-right: 4.9%; margin-bottom: 25px; animation-name: titreslide; animation-duration: 2s; }

.equipediv { padding-bottom: 50px; }
.equipediv_centre { padding-bottom: 80px; }
.portrait { text-align: center; margin-top: 50px; display: inline-block; display: inline-table; width: 29.6667%; margin-right: 3%; margin-bottom: 25px; animation-name: titreslide; animation-duration: 2s; }
.hideme { opacity:0; }
.nom_prenom { font-size: 20px; margin-top: 25px;  font-weight: bold; }
.nom_discipline { font-size: 20px; margin-top: 25px; }
.details_discipline { font-size: 13px; margin-top: 25px; text-align: left; }
.specialisation { font-size: 16px; margin-top: 25px; }

.bottom { background: #282828 !important; color: #7c7c7c; text-align: center; width: 100%; margin-left: auto; margin-right: auto; float: left; padding-bottom: 30px;}
.div_footer { width: 33%;  float: left; text-align: left; min-height: 30px; margin-left: 1.5%; margin-right: 1.5%;}
.div_footer1 { width: 15%;  float: left; text-align: left; min-height: 30px;}
.ul_bottom {list-style: none; padding-inline-start: 0px !important; font-size: 12px; line-height: 25px;}
.ul_bottom1 { margin-top: 10px;}
.ul_bottom2 {float: left; margin-left: 14%;}

.li_bottom { border-right: 1px solid #7c7c7c6b; }
.a_footer, .a_footer:hover { text-decoration: none; color: #7c7c7c;}
.linkedin {line-height: normal; float: left; display: inline-block; margin: 10px 0px 0px 10px;}
.icon_linkedin {font-size: 32px !important; display: inline-block !important; float: left;}

.navbar { padding:  0;}

@keyframes titreslide {
0%   {opacity: 0;}
100% {opacity: 1;}
}



.fadeInLeft {
-webkit-animation: fadeInLeft 1.2s both;
-moz-animation: fadeInLeft 1.2s both;
-o-animation: fadeInLeft 1.2s both;
	animation: fadeInLeft 1.2s both;
}

@keyframes fadeInLeft {
0%   {opacity: 0; transform: translateX(-50px); }
100% {opacity: 1; transform: translateX(0px);}
}

.fadeInTop {
-webkit-animation: fadeInTop 1.2s both;
-moz-animation: fadeInTop 1.2s both;
-o-animation: fadeInTop 1.2s both;
	animation: fadeInTop 1.2s both;
}

@keyframes fadeInTop {
0%   {opacity: 0; transform: translateY(-50px); }
100% {opacity: 1; transform: translateY(0px);}
}


.fadeInRight {
-webkit-animation: fadeInRight 1.2s both;
-moz-animation: fadeInRight 1.2s both;
-o-animation: fadeInRight 1.2s both;
	animation: fadeInRight 1.2s both;
}

@keyframes fadeInRight {
0%   {opacity: 0; transform: translateX(50px); }
100% {opacity: 1; transform: translateX(0px);}
}

.rdv_bouton { background-color: #107aca; margin-left: auto; margin-right: auto; width: 70%; padding: 5px; border-radius: 3px; color: #FFF; margin-top: 25px; display: block;
background: linear-gradient(to bottom left,#67955a,#4e6f45); transition: 0.35s;
}

a.rdv_bouton:hover {
    background: linear-gradient(to bottom left,#75ac66,#67955a);
	color: #FFF;
	text-decoration: none;
}

/*a.liendoctolib, a.liendoctolib:hover { text-decoration: none; }*/
.logo_doctolib { width: 30%; margin-top: -3px; }


.mentionslegales { margin-left: 0px; margin-top: 20px;} .instagram_footer { float: left; margin-top: 10px; border: none;}

.image-mobile { display: none !important; }

@media (max-width: 1400px) { .cadre-global { width: 90%; padding: 0 5%; } .reseau_bronchiolite {  margin-left: 0px; }  }

@media (max-width: 1260px) { .rdv_bouton { padding: 10px; width: 85%;  } }

@media (max-width: 1193px) { .img_reseaux_margin { margin-left: 70px; }	}

@media (max-width: 1199px) {.nom_prenom { font-size: 95%;} }

@media (max-width: 1150px) { .cadre-global { width: 90%; padding: 0 5%; } .div_adresse { width: 100%; margin-bottom: 50px; } .map { width: 100%; } .top { width: 90%; padding: 0 5%;} .div_footer1 { display: none; } .div_footer { width: 47%; }  }

@media (max-width: 1054px) { .rdv_bouton { font-size: 13px; } }

@media (max-width: 877px) { .img_reseaux_margin { margin-left: 10px; margin-bottom: 25px;}}

@media (max-width: 991px) { .div_centre {display: block; position: fixed; z-index: 10000; box-shadow: -1px 2px 5px 0px #0000001f; } .menu_ul { margin-left: 0px; width: 100%; } .menu_lien { margin-right: 0px; } .border_menu { border-top: 1px solid rgb(0 0 0 / 13%); } .cadre-global-top { padding-top: 100px !important; } #centres { padding-top: 3%!important; } .navbar-toggler { color: rgb(78 111 69); border: var(--bs-border-width) solid rgb(78 111 69); } .navbar-toggler-icon { width: 2em; height: 2em;   } }

@media (max-width: 912px) { .rdv_bouton { font-size: 11px; }   .nom_prenom { font-size: 14px;} .specialisation { font-size: 15px; margin-top: 0px; } .cadre-global { width: 95%; padding: 0 2.5%;  } .hide_br { display: none; }  .photo_centre {padding-top: 0; height: 300px; }  .titre_presentation {font-size: 36px;}

}

@media (max-width: 820px) { .top { width: 90%; padding: 0%; }	.div_footer { width: 100%; text-align: center; margin-left: 0%; margin-right: 0%; } .li_bottom { border-right: 0px; } .ul_bottom { border-bottom: 1px solid #7c7c7c6b; padding-bottom: 20px;} .icon_linkedin, .linkedin { float: none;} .ul_bottom2 { float: none; border-bottom: 0px; padding-bottom: 0px; margin-left: 0px; }
}

@media (max-width: 768px) { .top { width: 90%; padding: 0%;
}.cadre-global { width: 95%; padding: 0 2.5%;  } .div_adresse { width: 100%; } .map { width: 100%; } .cadre-global-top { padding-top: 100px !important; } #centres { padding-top: 7% !important; }  .regroupement { letter-spacing: -0.02em;} .commune { padding-bottom: 20px;}  .portrait { margin-bottom: 0px; width: 45%; margin-right: 1.4%; margin-left: 1.4%;} .disciplines { width: 100%; margin-right: 0;}
	.details_discipline { text-align: center; } .photo_centre { height: 250px; display: none;}  .image-centre { display: block;}
}

@media (max-width: 640px) { .div_img_reseaux { width: 100%;} .div_img_reseau_bronchiolite { width: 100%;} .cadre-global-top { padding-top: 100px !important; } #centres { padding-top: 7% !important; }    .logo_doctolib { margin-top: 3px; padding-bottom: 5px; } .portrait { margin-bottom: 0px; width: 45%;}  .cadre-global_equipe { width: 95%; padding: 0; }  .notre_equipe  { padding-left: 2.5%; }
}

@media (max-width: 540px) { .portrait { width: 96%; margin-left: 2%; margin-right: 2%; } .texte-intro { text-align: left; font-size: 14px; } .titre_presentation { font-size: 26px; }
	.rdv_bouton { width: 70%; font-size: 16px; padding: 5px; } .mentionslegales { width: 100%; } .instagram_footer { float: none; margin-top: 10px; border: none;}
.photo_centre { display: none !important;} .image-mobile { display: block !important;}
}


@media (max-width: 480px) {
	.logo {height: 40px; width: auto; }  .div_img_reseaux { width: 48%; text-align: center; } .img_reseaux { height: auto; width: auto; } .img_reseaux_margin { margin-left: 0; margin-right: 0; }
html, body { font-size: 15px; } .cadre-global-top { padding-top: 80px !important; } #centres { padding-top: 11% !important; } .top { width: 90%; padding: 0%;}  .titre_centre  { font-size: 18px; } .texte_grand { font-size: 16px;} .titre_equipe { font-size: 19px; }
 .adresse_centre { font-size: 16px; } .titre_cinetique { font-size: 18px;} .portrait { width: 96%; margin-left: 2%; margin-right: 2%; } .adresse_intro { width: 48%; padding-top: 2px; padding-bottom: 2px; } #equipe { height: 45px; }
 .ul_bottom { font-size: 10px; } .icon_linkedin { font-size: 20px !important;} .linkedin { font-size: 12px; } .transports { font-size: 13px; }  .rdv_bouton { font-size: 16px;}
.details_discipline { text-align: left;} ul {padding-inline-start: 15px;}


}


@media (max-width: 414px) { .photo_centre {height: 200px; }
}