@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,700);
@import url("/data/colors.css");
@import url("/data/mega-menu.css");

input::-webkit-calendar-picker-indicator{
  display: none;
}

input[type="date"]::-webkit-input-placeholder{ 
  visibility: hidden !important;
}



@media only screen and (max-width: 600px) {
  .mobileOnly {
    display: none;
  }
}


.Jacques_biolley {
	border: 1px solid;
}

/* ADD SHADOW BOX ON PUB728x90 IN MOBILE VIEW */

@media (max-width: 991px){

  .pub728x90-fixed-bottom .max-width-100 {
    box-shadow: 0 0 7px rgb(0 0 0 / 40%)!important;
    border-radius: 8px!important;
    padding: 5px;
    background-color: white;
  }

  .pub728x90-fixed-bottom .item {
   margin: 7px;
 }
}   

.no-agenda-button #addressTabsContent .actionButtons a:first-child{
	display:none;
}

.pourcent-title-thankYouPage {

	margin-top: 15%;
  font-size: 36px;
  font-weight: bold !important;

}

.background-alternance-pub {
  background-color: ghostwhite;

  margin: 30px 0 30px 0;

}

.font-title{

  font-family: 'Roboto Slab';
}

.big-line-height {
	line-height: 40px;
}

.background-alternance-pub-dark {
  background-color: #121212;

  margin: 30px 0 0 0;

  padding: 50px 0 50px 0
}

.background-alternance-pub-dark p{
	color:white; 
}


.tplDeepsearch .badge  {
	display: none; 
}

.container-flex-pub .container {
	padding: 25px 0 25px 0; 
}

.container-flex-pub {
  display: flex;
  justify-content: space-around;
  flex-direction: column;

}

.stickyElement{
  position: sticky;
  top: -0.5rem;
  align-self: center;
  z-index: 100;

}

.boldingElementWithGradient{
	background: linear-gradient(to right, #E41C79 54%, #1608DE 100%);
	font-weight: bold;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#pub-page-partenaires blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#e41c79;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

#pub-page-partenaires blockquote{
  border-left: 5px solid #e41c79!important;
  margin: 40px auto 22px auto;
  position: relative; 
  padding-left:50px; 
  max-width: 747px;
}

.personQuote {

	margin: 20px 0 0 14vw; 
  font-size: 14px; 
}

.slider-landingPagePub {
  margin: 60px auto 0px auto;
  width: 80%;
  height: fit-content;
  align-items: baseline;
}


.logo-slider-Pub-1{
  width: 300px;


  margin: 30px;

}

.logo-slider-Pub-2{
  width: 300px;



}

.logo-slider-Pub-2 img{
  margin: auto;
  max-width: 200px!important;


}




.slick-prev:before, .slick-next:before{
  color:rgb(0, 0, 0);
}

.bold-font {
	font-weight: bold; 
}

.h1-bold {

	font-size: 24px;
  font-weight: bold;
  position: relative;
  margin-bottom: 45px;
}


.h1-bold-showin {

	font-size: 24px;
  font-weight: bold;
  position: relative;

}


.h1-bold::after {
  content: "";
  position: absolute;
  height: 4px;
  background: #E41C79;
  width: 10%;
  left: 45%;
  bottom: -24px;


}

.center-text {

  text-align: center;
}

.subTitlePara {
	font-size: 20px; 
}

.m-t-5 {
  margin-top: 50px; 
}

.m-l-1 {
  margin-left: 10px; 
}

.m-b-5 {
  margin-bottom: 50px!important; 
}

.btn-cta-pub {
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 16px;
  border-radius: 16px;
  width: 176px;
  text-align: center;
  text-decoration: none;
  color: white!important;
  background-color: #E41C79;
  border: 0;
  display: inline-block;
  font-weight: bold;
  transition: 0.3s ease;
  padding: 13px;
}



.btn-cta-pub:hover {
  background-color: #E41C79 !important;
  border: none !important;
  font-weight: bold;
  color: white !important;
  box-shadow: rgba(221, 17, 177, 0.8) 0px 10px 29px 0px;
  transform: translateY(-3px);

}

.slider-landingPagePub { display: none; }
.slider-landingPagePub.slick-initialized { display: block; }

.bigTxt {
	font-size: 24px;
  font-weight: bold;
  position: relative;
  margin-bottom: 45px;
  margin-top: 30px; 

}


.flex-container-wrap {
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;
  flex-grow: 1;


}

.boxShadowDark {
	
  border-radius: 25px;
  padding: 16px;
  min-width: 269px;
  background-color: #303030;
  color: white;
  flex-grow: 1;
  max-width: 30%
}

@media (max-width: 991px) {
  .boxShadowDark {

    text-align: center;
  }
}

.boxShadow {
	box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  border-radius: 25px;
  padding: 16px;
  min-width: 269px;
  flex-grow: 1;
  max-width: 30%;
  background-color: #FFFFFF;

}

#pub-page-partenaires #data-lafamily i {
	color:#E41C79;
  padding: 10px;
  background-color: #e0acc436;
  border-radius: 11px;
  width: 60px;


}  


.btn-primary-cta{

  background-color: #E41C79;
  color: white !important;
  border-radius: 25px;
  width: fit-content;
  padding: 8px 8px 8px 8px;
  font-size: 12.8px;
  margin-bottom: 10px;
  margin-top: 5px;

  cursor: pointer;
  transition: 0.3s ease;
}

.btn-primary-cta-container {

  transition: 0.3s ease;

}

.btn-primary-cta-container:hover {
  transform: translateY(-4px);


}

.itallic-txt {
  font-style: italic;

}




.boxShadow h3 {
  margin-top:5px

}

.h2-Pub {

	font-size: 24px; 
  font-weight: bold; 
}


/* DESIGN ICON FOOTER FONT AWESOME */

#footer i {
	padding-bottom: 26px;
	padding-top: 15px;
}

/* PAYOT LIVRES DESIGN */

.title-livres-payot {
	font-size: 24px; 

}

.auteur-livres-payot {
	font-size: 18px; 
	
}

.flex-container-livres {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}


.flex-container-livres .img-responsive {

	max-width: 126px;
}

.flex-container-livres .item-flex-double {

 max-width: 79%;
}

.books-cards a:last-child  {

  color: #E41C79; 
  font-weight: bold; 

}





.morecontent span {
  display: none;
}
.morelink {
  display: block;
}


/* FLEX CLASS BASICS EXPERT IN ARTICLES */

.flex-container {
  display: flex;
  flex-direction: row;
  
  gap: 20px;
}

#callToActionExpertBtn {
	justify-content: center;
}



@media (min-width: 991px){

  #dphquickinfoscol h2 {

    font-size: 17px;

  }
}

@media (max-width: 600px){

	.tplDphConseilsExperts .flex-container {

   flex-wrap: wrap; 
   
 }
 .tplDphConseilsExperts img {
   display: inherit;
 }
}

.tplListExperts .lu-card {

  width: 100%;

}    

.item-flex-simple {
  flex-grow: 1; 

}

.item-flex-double {
  flex-grow: 2; 

}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}


.w-100 {
  min-width: 100%;
}

.h-100 {
  min-height: 100%;
}

/* Ajout concours SKI - CSS ROMAIN */ 
.contenuski .collapsible {
  background-color: #2DBCFC;
  color: white;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
  transition: all 0.6s ease 0s;
}
.contenuski .active,
.collapsible:hover {
  background-color: #F93094;
  transform: translateY(-20px);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.contenuski .collapsible:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.contenuski .active:after {
  content: "\2212";
}
.contenuski .contentflex {
  text-align: left;
  padding: 0 18px;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #F3F3F3;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
  transform: translateY(-20px);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.contenuski .texte-resumer {
  margin-top: 15px;
  margin-bottom: 15px;
}
.contenuski #imagestation {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  align-items: center;
  padding-top: 0%;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
}
.contenuski {
  text-align: center;
  align-items: center;
  font-family: roboto;
}
.contenuski .titre1 {
  font-size: xx-large;
  padding-bottom: 0%;
  font-family: roboto;
  padding-bottom: 2px;
  padding-top: 15px;
  margin: 0px;
}
.contenuski .titre {
  font-size: xx-large;
  padding-bottom: 0%;
  font-family: roboto;
  padding-bottom: 2px;
  padding-top: 35px;
  margin: 0px;
}
.contenuski .h2 {
  font-size: large !important;
  padding-bottom: 0%;
  font-family: roboto !important;
  padding-bottom: 8px;
  margin: 0px;
  text-align: center !important;
}
.contenuski .boutonsitestation {
  align-items: center;
  text-align: center;
}
.contenuski .boutonpagelafamily{
  margin-bottom: 15px;
  margin-top: 0px !important;
  align-items: center;
  text-align: center;
}
.contenuski .div {
  box-sizing: border-box;
}
.contenuski .table-container {
  display: block;
  margin: auto;
  width: 80%;
  max-width: 600px;
  display: grid;
}
.contenuski .flag-icon {
  margin-right: 0.1em;
}
.contenuski .flex-table {
  grid-template-columns: repeat(auto-fill, 100%);
  grid-template-rows: 100% auto;
  border-left: solid 0px #D9D9D9;
  transition: 0.5s;
}
.contenuski .flex-table:first-of-type {
  border-top: solid 0px #F93094;
  border-left: solid 0px #F93094;
}
.contenuski .flex-table:first-of-type .flex-row {
  background: #F93094;
  color: white;
  border-color: #F93094;
  border-radius: 8px !important;
}
.contenuski .flex-table.row:nth-child(odd) .flex-row {
  background: #F4F2F1;
}
.contenuski .flex-table:hover {
  background: #F5F5F5;
  transition: 500ms;
}
.contenuski .flex-row {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 0px #D9D9D9;
  border-bottom: solid 1px #D9D9D9;
}
.contenuski .rowspan {
  grid-template-columns: 25% 75%;
  grid-template-rows: 100%;
}
.contenuski .column {
  width: 100%;
  padding: 0;
}
.contenuski .column .flex-row {
  grid-template-columns: repeat(auto-fill, 33.3%);
  grid-template-rows: 100%;
  width: 100%;
  padding: 0px;
  border: 0;
  border-bottom: solid 0px #D9D9D9;
}
.contenuski .column .flex-row:hover {
  background: #F5F5F5;
  transition: 500ms;
}
.contenuski .flex-cell {
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 0px #D9D9D9;
}
@media all and (min-width: 599px) and (max-width: 600px) {
  .contenuski .flex-table {
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: 100% auto;
  }
  .contenuski .flex-table .flex-row {
    border-bottom: solid 1px #D9D9D9;
  }
  .contenuski .rowspan {
    display: grid;
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: repeat(auto-fill, 100%);
  }
  .contenuski .rowspan .flex-row {
    display: grid;
    border-bottom: solid 1px #D9D9D9;
  }
  .contenuski .rowspan p {
    margin: 0;
  }
  .contenuski .first {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .contenuski .rowspan > .first {
    display: block;
  }
}
@media all and (max-width: 430px) {
  .contenuski .flex-table {
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: 100% auto;
  }
  .contenuski .flex-table .flex-row {
    border-bottom: 0;
  }
  .contenuski .flex-table .flex-row:last-of-type {
    border-bottom: solid 1px #D9D9D9;
  }
  .contenuski .first {
    border-bottom: 0;
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .contenuski .rowspan {
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: 100% auto;
  }
  .contenuski .rowspan .flex-row {
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: auto;
    border-bottom: solid 1px #D9D9D9;
  }
  .contenuski .rowspan p {
    margin: 0;
  }
}
.contenuski .bouton-choix-station {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 45px;
  box-shadow: 0 0 15px #0003;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  padding: 7px 10px 5px 12px;
  list-style-type: none;
  margin: 0 5px 10px 0;
  display: inline-block;
  text-decoration: none !important;
}
.contenuski .bouton-choix-station:hover {
  background-color: #F93094;
  box-shadow: 0 10px 15px #fd017266;
  color: #fff;
  transform: translateY(-2px);
}
.contenuski .textintro {
  text-align: left !important;
  align-items: left;
  margin-top: 0%;
  font-family: roboto;
  text-decoration: none;
  font-weight: 500;
}
.contenuski .grid2x2 {
  margin-top: 13px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  font-size: 14px;
}
.contenuski .grid2x2 > div {
  display: flex;
  flex-basis: calc(50% - 40px);
  justify-content: center;
  flex-direction: column;
}
.contenuski .grid2x2 > div > div {
  display: flex;
  flex-direction: row;
  text-align: left;
}
.contenuski .box {
  padding: 8px;
}
.contenuski  .boutoncoller{
  display: flex;
  align-items: center;
  margin: 10px;
  justify-content: center;
}
.contenuski .interlignebox{
  background-color: #F3F3F3;
  color: #F3F3F3;
}
.contenuski #boutonfindusite{
  align-items: center;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
}
.contenuski #textedintrocution{
  font-family: roboto;
}
@media screen and (max-width: 600px) {
  .contenuski .grid2x2 {
    justify-content: center;
  }
}
/* CSS QUI SOMMES NOUS ROMAIN */ 

.qui-sommes-nous a{
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 16px;
  border-radius: 16px;
  width: 176px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #E41C79;
  border: 0;
  display: inline-block;
  font-weight: bold;
  transition: 0.3s ease;
  padding: 13px;
}

#main-offer-btn:hover, 
#article-parent a:hover, 
#expert-mod a:hover, 
.btns-top-tarifs a:hover, 
#newsletter-tarif a:hover 
{
  background-color: #E41C79 !important;
  border: none !important;
  font-weight: bold;
  color: white !important;
  box-shadow: rgba(221, 17, 177, 0.8) 0px 10px 29px 0px;
  transform: translateY(-3px);
}

.qui-sommes-nous{
  font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #000;
  text-align: center;
}

#imageQSM {
  max-width: 450px;
}

#imagehistoire{
  width: 400px;
  height: 50 px;
}

#premier-titre{
  margin-top: 1%;
}

#qui-sommes-nous h1{
  margin-bottom: 0%;
  position: relative;
  font-weight: bold;
  margin-bottom: 15px;
}

#qui-sommes-nous h1::after {
  content: "";
  position: absolute;
  height: 4px;
  background: #E41C79;
  width: 10%;
  left: 45%;
  bottom: -10px;
}

#qui-sommes-nous h3{
  color: #E41C79;
  text-align: left;
  margin: 0%;
  margin-top: 10px;
}

#qui-sommes-nous .TitreBulleHistoire{
  color: #E41C79;
  text-align: center !important;
  margin: 0%;
  margin-top: 3%;
}

#qui-sommes-nous h4{
  color: #000;
  text-align: left;
  padding: 0%;
  margin: 0%;
}

#qui-sommes-nous h5{
  margin: 0.5%;
  font-weight: 300;
}

#qui-sommes-nous .grid-qsm {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#qui-sommes-nous .grid-qsm > div {
  display: flex;
  flex-basis: calc(50% - 40px);
  justify-content: center;
  flex-direction: column;
}

#qui-sommes-nous .grid-qsm > div > div {
  display: flex;
  flex-direction: row;
  text-align: left;
}

#qui-sommes-nous .responsable-site{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  border-radius: 15px;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%) !important;
  padding-bottom: 1%;
}

#qui-sommes-nous .responsable-site > div {
  display: flex;
  flex-basis: calc(50% - 40px);
  justify-content: center;
  flex-direction: column;
}

#qui-sommes-nous .responsable-site > div > div {
  display: flex;
  flex-direction: row;
  text-align: left;
}

#qui-sommes-nous .table-container {
  display: block;
  margin: auto;
  width: 80%;
  max-width: 600px;
  display: grid;
}

#qui-sommes-nous .box-box2{
  margin-top: 10px;
  text-align: left;
}

#qui-sommes-nous .box-box1{
  text-align: left;
}

#qui-sommes-nous .collapsible {
  background-color: #f93094;
  color: white;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  border-radius: 15px;
  transition: all 0.6s ease 0s;
  max-width: 600px;
}

#qui-sommes-nous .collapsible:hover {
  color: white !important;
  box-shadow: rgba(221, 17, 177, 0.8) 0px 10px 29px 0px;
  transform: translateY(-2px);
}

#qui-sommes-nous .collapsible:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#qui-sommes-nous .texte-resumer {
  margin-top: 15px;
  margin-bottom: 15px;
}

#qui-sommes-nous .fond-en-gris{
  background-color: #F8F8F8;
  box-shadow: rgba(101, 101, 109, 0.4) 0px 0px 5px 0px;
  border: 0% !important;
  padding-bottom: 3%;
  padding-top: 1%;
}

#qui-sommes-nous .infc {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#qui-sommes-nous .image {
  display: flex;
  width: 50%;
  height: auto;
  border-radius: 15px;
}

#qui-sommes-nous .overlay {
  position: absolute;
  height: 100%;
  width: 50%;
  opacity: 0;
  transition: .5s ease;
  background-color: #3a3a3a;
  border-radius: 15px;
}

#qui-sommes-nous .infc:hover .overlay {
  opacity: 0.90;
}

#qui-sommes-nous .text {
  color: white;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#qui-sommes-nous .lien-site-lafamily{
  background-color: #F3F3F3 !important;
  border: none !important;
  font-weight: bold;
  color: black !important;
  transform: translateY(-3px);
  box-shadow: none;
}

#qui-sommes-nous .gallerie-infc-ligne-1{
  display: flex;
  margin-top: 4%;
}

#qui-sommes-nous .gallerie-infc-ligne-2{
  display: flex;
  flex-direction: row;
  margin-top: 4%;
  margin-bottom: 3%;
  text-align: center;
}

#qui-sommes-nous .gallerie-presentation-clients{
  background-color: #F8F8F8;
  box-shadow: rgba(101, 101, 109, 0.4) 0px 0px 5px 0px;
  border: 0% !important;
  padding-bottom: 1%;
  padding-top: 0.5%;
  margin-top: 2%;
}

#qui-sommes-nous .box-ils-opn{
  display: flex;
  box-shadow: rgba(101, 101, 109, 0.4) 0px 0px 5px 0px;
  border-radius: 15px;      
}

#qui-sommes-nous .logo-pdn{
  width: 20%;
  padding-left: 3%;
}

#qui-sommes-nous .box-1-opn{
  display: flex;
  padding: 1%;
  transition: 0.3s ease;
}

#qui-sommes-nous .text-box-1-opn{
  padding-left: 3%;
  padding-top: 11px;
}

#qui-sommes-nous .box-1-opn:hover{
  box-shadow: rgba(101, 101, 109, 0.4) 0px 10px 29px 0px;
  transform: translateY(-2px);
  border-radius: 15px;
}

* {
  box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
#qui-sommes-nous .timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 3%;
}

/* The actual timeline (the vertical ruler) */
#qui-sommes-nous .timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #f93094;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
#qui-sommes-nous .containerHistoire {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
#qui-sommes-nous .containerHistoire::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: white;
  border: 4px solid #f93094;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
#qui-sommes-nous .left {
  left: 0;
}

/* Place the container to the right */
#qui-sommes-nous .right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
#qui-sommes-nous .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
#qui-sommes-nous .right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
#qui-sommes-nous .right::after {
  left: -13px;
}

/* The actual content */
#qui-sommes-nous .content {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  box-shadow: rgba(101, 101, 109, 0.4) 0px 10px 29px 0px;
  border-radius: 15px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
#qui-sommes-nous @media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  #qui-sommes-nous .timeline::after {
    left: 31px;
  }

  /* Full-width containers */
  #qui-sommes-nous .containerHistoire {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  #qui-sommes-nous .containerHistoire::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  #qui-sommes-nous .left::after, .right::after {
    left: 15px;
  }

  /* Make all right containers behave like the left ones */
  #qui-sommes-nous .right {
    left: 0%;
  }
}

#qui-sommes-nous .txt-normal{
  text-align: left;
  padding-top: 10px;
}



/*LUCIEN MODIFICATIONS
*/
@media (max-width: 992px){

	#backgroundQuickInfosMobile {

   box-shadow: 0 0 15px rgb(0 0 0 / 60%);
   border-radius: 8px;
   padding: 47px 7px  47px 7px;


 }
}


@media (min-width: 1519px){

  #dphquickinfoscol h2 {
    padding-left: 46px;

  }
}


.bg-transparent {
  background-color:  transparent;
}

.border-light {
  border-color: #f3f3f2 !important;
}

.input-group .close {
  display: none;
  float: none;
  position: absolute;
  z-index: 3;
  right: 52px;
  top: 1px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size:  0.8em;
}

.input-group.input-group-sm .close {
  right: 40px;
  width: 34px;
  height: 34px;
  line-height: 34px;
}

/* HIGHLIGHTS */
.highlights-txt{
  background-color: #e41c7917;
  border-radius: 30px;
  margin: 5px;
  padding: 42px;
}

.red-texts-concours {
	color:red!important; 
}

/* EXPERT ITEM */ 

.expert-item {
  color: #093171;
  background-color: #83ACFE;
}        

.expert-categorie {
  display: inline-block;
  min-width: 10px;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 4px;
  margin-left:10px;
}

.expert-web-button a{
  color: #000!important;
  background-color: #fff!important;
  border: none;
  border-radius: 45px;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
  align-self: center;
  /* place-self: center; */
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-size: 14px; 


}

.strTitle-expert {
 font-family: 'Roboto Slab';
 margin-bottom: 3px; 

}

.expert-web-button {

  margin-top:15px;


}

.font-weight-bold {
  font-weight: bold;
}

.link-end-desc-expert {
  font-style: italic;
  color:#E41C79;
  transition: all 0.2s ease;
}
.link-end-desc-expert:hover {
  font-style: italic;
  transform: translateX(10px);
}

.link-end-desc-expert a {
  color:#E41C79;
}



.expert-web-button a:hover {
  background-color: #fd0172!important;
  box-shadow: 0px 15px 20px rgb(253 1 114 / 40%);
  color: #fff!important;
  transform: translateY(-2px);
}


.pageExpertsInfos .lu-card {

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.btn-mod-data {


  align-self:flex-end;


}


/* DEBUT TARIFS


html {
    scroll-behavior: smooth;
    scroll-padding: 250px;
    
}
 */




.fa-info-circle:hover {
	color:#e41c79;
}

.grised i {
  padding-right: 17px!important;
}

 /*
body {


    margin: auto;

}
*/

@media (min-width: 992px){
  .tarif-page {
    padding-top:237px
  }

}

.mb-5 {
	margin-bottom: 25px; 
}
.mb-0 {
	margin-bottom:0; 
}

.mt-0 {
	margin-top:0; 
}

.mt-5 {
	margin-top: 25px;  
}

.nombre-icon+p {
  margin-top: 0;
}


.fa-info-circle {
  padding-left: 10px;
}

.tarif-parent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 48px;
}

.tarif-page .box-tarifs {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  border-radius:40px;
  padding: 16px 16px 16px 32px;
  max-width: 400px;
  margin: 32px;
}

.buttons-tarifs-canton {
  display: flex;
  justify-content: center;
  margin: 48px;
  flex-wrap: wrap;

}


.buttons-tarifs-canton button {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 16px;
  border-radius: 35px;
  width: 176px;
  text-align: center;
  text-decoration: none;
  color: black;
  cursor: pointer;
  background-color: white;
  border: 0;
  height: 53px;

}


.intro-tarifs a,
#article-parent a,
#expert-mod a,
#newsletter-tarif a
{
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 16px;
  border-radius: 16px;
  width: 176px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #E41C79;
  border: 0;
  display: inline-block;
  font-weight: bold;
  transition: 0.3s ease;
  padding: 13px;
}

.hr-tarifs {
  border-top: 1px solid #E41C79;
  margin: 0 32px 0 32px;
}

.buttons-tarifs-canton button {
  transition: 0.3s ease;
}

.buttons-tarifs-canton button {
  font-size: 16px;
}

.tarif-page h3 {
  font-size: 28.8px;
  margin: 8px 0 0 0;
}

.tarif-page h4 {
  font-size: 20.8px;
  color: #E41C79;
  margin: 0;
}

.tarif-page h5 {
  font-size: 16px;
  margin-top:20px;
}



.box-tarifs ul li:before {
  content: '\2714';
  color: #E41C79;
  padding-right: 20px;
}

.box-tarifs ul .grised:before {
  content: none;
  color: grey;
  padding-right: 20px;
}

.tarifs-a-la-ligne{
  margin-left: 2em;
  text-indent: -2em;
}

.box-tarifs ul {
  padding-left: 10px;
  font-size: 14.4px;
  line-height: 2;

  list-style: none;
}

.tarif-parent .box-tarifs li {
  padding-left: 10px;
}

.tarif-page .prix {
  font-weight: bold;
  font-size:40px;
  margin: 0;
}

.tarif-page .prix+p {
  margin-top: 0;
  font-size: 14.4px;
}

.box-tarifs .btn-more {
  border-radius: 8px;
  border: 2px solid black;
  display: inline-block;
  text-align: center;
  margin: 0 35.2px 0 35.2px;
  text-decoration: none;
  color: black;
  font-size: 17.6px;
  transition: 0.4s ease;
  cursor: pointer;
  padding: 16px;


}

.box-tarifs a {
  border-radius: 8px;
  border: 2px solid black;
  display: inline-block;
  text-align: center;
  margin: 0 35.2px 0 35.2px;
  text-decoration: none;
  color: black;
  font-size: 17.6px;
  transition: 0.4s ease;
  cursor: pointer;
  padding: 16px;


}

.box-tarifs a:hover {
  background-color: black;
  color: white;


}

.box-tarifs .btn-more:hover {
  background-color: black;
  color: white;


}


.box-tarifs {
  display: flex;
  flex-direction: column;

}


.buttons-tarifs-canton button:hover {

  transform: translateY(-5px);
}

.buttons-tarifs-canton button:focus {

  background-color: black;
  color: white;

}

.tarif-page h2 {
  position: relative;

}

.txt-intro-tarifs {
  margin-top: 48px;
}


.tarif-page h2::after {
  content: "";
  position: absolute;
  height: 4px;
  background: #E41C79;
  width: 10%;
  left: 45%;
  bottom: -24px;

}

.tarif-page h1 {
  font-size: 48px;
}

.tarif-page h1,
.tarif-page h2,
.tarif-page h4,
.buttons-tarifs-canton button{
  font-family: 'Roboto Slab', serif;
  font-weight: bold;

}

.btn-visu-display {
	display: flex; 
  justify-content: space-evenly;
  flex-wrap: wrap;
}    



.grised {
  color: grey;
  text-decoration: line-through;
}

#main-offer-btn {
  background-color: #E41C79;
  border: none !important;
  font-weight: bold;
  color: white !important;
  box-shadow: rgba(221, 17, 177, 0.6) 0px 7px 29px 0px;
  transition: 0.3s ease;
}

#main-offer-btn:hover, #article-parent a:hover,
#expert-mod a:hover, .btns-top-tarifs a:hover, #newsletter-tarif a:hover {
  background-color: #E41C79 !important;
  border: none !important;
  font-weight: bold;
  color: white !important;
  box-shadow: rgba(221, 17, 177, 0.8) 0px 10px 29px 0px;
  transform: translateY(-3px);
}

.main-offer-box {
  transform: translateY(-32px);
  box-shadow:  rgba(104, 10, 83, 0.6) 0px 7px 29px 0px!important;
}

.txt-intro-page-btn {
  width: 60vw;
  text-align: center;
  margin: auto;
}

.btns-top-tarifs {
  padding: 32px 0 48px 0;
}

#abo-annuel {
  padding-top: 32px;
}

#more-pop-tarifs {
  background-color: #E41C79;
  color: white;
  border-radius: 64px;
  width: fit-content;
  padding: 5px 5px 5px 5px;
  font-size: 12.8px;
  margin-bottom: 0;
}

/* SECONDE PARTIE */


#promo-parent,
#expert-mod,
.stat-tarifs {
  background-color: #F8F8F8;
  box-shadow: rgba(101, 101, 109, 0.4) 0px 0px 5px 0px;
  padding: 48px 48px 0;
}

#article-parent,
#expert-mod {
  padding: 48px 32px 32px 32px;
}


.promo-flex {
  display: flex;
  justify-content: center;

  flex-wrap: wrap;
}

.promo-flex .box-tarifs {
  max-width: 300px;
}

.intro-tarifs i {
  color: #E41C79;
  margin: 48px 16px 16px 16px;
}

.stat-tarifs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 32px;


}

.stat-tarifs div {
  margin: 0 48px 0 48px;


}

.intro-abo-tarifs,
.intro-article-tarifs,
.intro-tarifs {
  text-align: center;
}

.stat-tarifs div:first-child {
  width: 100%;
}

#sub-nombre{
	text-transform: initial;
 font-size: 20px;
}

.nombre-icon {
  font-size: 25.6px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5px 0 0 0;
  background: #E41C79;
  background: linear-gradient(to right, #E41C79 54%, #1608DE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.show-btn-tarifs {
  background-color: #E41C79;
  color: white;
  border-radius: 8px;
  width: fit-content;
  padding: 8px 8px 8px 8px;
  font-size: 12.8px;
  margin-bottom: 10px;
  margin-top: 0;
  box-shadow: rgb(221 17 177 / 50%) 0px 5px 14px 0px;
  cursor:pointer; 
  transition: 0.3s ease;


}

.show-btn-tarifs:hover {
  transform:translateY(-2px);
  box-shadow: rgb(221 17 177 / 60%) 0px 7px 14px 0px;

}


/* THIRD PART*/

 /*
#article-parent {

   background-image: url(assets/Blogging-pana.svg);
    background-repeat: no-repeat;
    background-position: right;
}
*/

#stat-fin-page {
	padding-top: 0px; 
}

.intro-article-tarifs {
  margin-bottom: 32px;
}

.article-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.article-illu {
  width: 40%;
  min-width: 658px;
}

.article-txt {
  width: 40%;

  padding-top: 64px;
}

.expert-txt {
  width: 40%;

  padding-top: 96px;
}


#article-parent ul li:before,
#expert-mod ul li:before {
  content: '\2022';
  color: #E41C79;
  padding-right: 20px;
}




#article-parent ul,
#expert-mod ul {
  padding-left: 10px;
  
  line-height: 2;
  font-weight: bold;

  list-style: none;
}

.article-txt-two {
  max-width: 400px
}

/* MEDIA QUERIES */







@media screen and (max-width: 1253px) {
  .box-tarifs {

    max-width: 263px !important;
  }

  .main-offer-box {
    transform: translateY(0px);
  }
}


@media screen and (max-width: 1147px) {
  .box-tarifs {
    max-width: 600px !important;
    margin: 32px 160px 32px 160px !important;
  }
}

@media screen and (max-width: 850px) {



  .modal-flex-tarifs div {
    width: 90% !important;

  }

  .modal-flex-tarifs {
    justify-content: center;

    text-align: center;
  }




}

@media screen and (max-width: 767px) {
  .box-tarifs {
    margin: 32px 32px 32px 32px !important;
  }

  .main-offer-box {
    transform: translateY(0px);
  }

  .article-illu {
    min-width: unset;
    width: 80%;
  }



}


@media screen and (max-width: 1264px) {

  .modal-content {

    width: 80% !important;
    /* Could be more or less, depending on screen size */

  }

}





@media screen and (max-width: 1209px) {

  .article-txt,
  .expert-txt {
    width: 100%;
    padding-top: 16px;

  }

  .article-txt-two {
    max-width: 100%;
  }
}


@media screen and (max-width: 490px) {



  .modal-flex-tarifs div {
    width: 99% !important;

  }
  .promo-flex {

    margin: 0.16px;
  }
  .box-tarifs{
    margin-right: 5px!important;
    margin-left: 5px!important;
  }



}


/* MODAL */



.modal-tarif {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1002;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10vh auto;
  /* 15% from the top and centered */
  padding: 20px;
  width: 60%;
  /* Could be more or less, depending on screen size */
  border-radius: 25px;
}

/* The Close Button */
.close {

  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



.modal-flex-tarifs {
  display: flex;
  flex-wrap: wrap;
}

.modal-content img {
  width: 100%;

}

.modal-content a {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 1vw;
  border-radius: 64px;
  width: fit-content;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #E41C79;
  border: 0;
  display: inline-block;
  padding: 9px;
}



/*
.btn-write-modal {

    width: 160px!important;

}

*/

.img-tarifs-modal {
  width: 40%;
}

.txt-tarifs-modal {
  width:60%;

}

.img-tarifs-modal {
  min-width: 200px;
  max-width: 330px;

}

.title-modal {
  color: black!important;
  padding-top: 4vw;

}

.txt-tarifs-modal i, .box-tarifs i{
  padding-right: 5px;
}

.img-template-projecteur {
  border-radius: 16px;
  margin-right: 16px;

}

.modal-content h4 {
  width: 100%;
  padding-top: 32px;
}


.modal-content  {
  max-width: 1000px;
}

/* SECOND TIME ADDING SHITS */ 
#newsletter-tarif{
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#newsletter-tarif a {
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  margin: 1rem;
  border-radius: 1rem;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #E41C79;
  border: 0;
  display: inline-block;
  font-weight: bold;
  transition: 0.3s ease;
}

#newsletter-tarif .checkbox input[type=checkbox], #newsletter-tarif .checkbox-inline input[type=checkbox], #newsletter-tarif .radio input[type=radio], #newsletter-tarif .radio-inline input[type=radio] {
  position: relative;
  margin-left: 0;
}

.radio {
	background: #f1f1f1;
	padding: 4px;
	border-radius: 30px;

	position: relative;
}

.radio input {
	width: auto;
	height: 100%;
	appearance: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	padding: 10px 15px;
	background: white;
	color: black;
	font-size: 14px;
  font-family: 'Roboto Slab', serif;
  font-weight: bold;
  transition: all 100ms linear;
  margin: 0;
  box-shadow: rgba(109, 101, 101, 0.4) 0px 0px 5px 0px;
}

.radio input:hover {
  background-color: #fefefe;
  transform: translateY(-2px);

}

.radio input:checked {
	background-color: black;
	color: #fff;
	box-shadow: 0 1px 1px #0000002e;
  box-shadow: rgba(109, 101, 101, 0.4) 0px 0px 5px 0px;
}

.radio input:before {
	content: attr(label);
	display: inline-block;
	text-align: center;
	width: 100%;
}

.radio-newsletter-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fist-radio-input-nl {
  margin-left: 0!important;
  border-top-left-radius: 24px!important;
  border-bottom-left-radius: 24px !important;
}


.last-radio-input-nl{
  margin-right: 0!important;
  border-top-right-radius: 24px!important;
  border-bottom-right-radius: 24px!important;
}


.newsletter-illu-tarifs{
  width: 100%;
  max-width: 458px;
  margin: auto;

}

.intro-article-newsletter {
  width: 100%;
  text-align: center;
  
}

.newsletter-content {
 margin: 0 20px 0 20px;
 width: 40%;
 border-radius: 20px;
 box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px 0px; 
 padding: 30px;
 margin-top: 30px;
 margin-bottom: 100px;
}

@media screen and (max-width: 650px) {

  .radio {
    background: white;
    padding: 4px;
    border-radius: 30px;
    
  }

  .radio input {
    width: auto;
    height: 100%;
    appearance: none;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    padding: 10px 15px;
    background: white;
    color: black;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    transition: all 100ms linear;
    margin: 5px;

  }

  .fist-radio-input-nl {

    border-radius: 4px!important;
  }


  .last-radio-input-nl{

    border-radius: 4px!important;
  }


}


@media screen and (max-width: 1276px) {
  .newsletter-content {

   width: 80%;


 }
 .newsletter-content h3{
  margin-top: 20px;

}

.radio-newsletter-btn {

  justify-content: flex-start;
}

}

.newsletter-content h3{
  font-size: 18px;
  font-family: 'Roboto Slab', serif;
  font-weight: bold;
  margin-bottom: 30px;
}

.newsletter-content ul li:before,
.newsletter-content ul li:before {
  content: '\2022';
  color: #E41C79;
  padding-right: 20px;
}




.newsletter-content  ul,
.newsletter-content ul {
  padding-left: 10px;
  line-height: 2;
  font-weight: bold;

  list-style: none;
}

/* FIN TARIFS */

/*améliorations btn bootsrap
*/

.btn-basic-action {

  color: #000!important;
  background-color: #fff!important;
  border: none;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
  padding: 1em 1em 1em 1em;
  margin-top:20px; 


}

.btn-basic-action:hover {
  background-color: #fd0172!important;
  box-shadow: 0px 15px 20px rgba(253, 1, 114, 0.4);
  color: #fff!important;
  transform: translateY(-2px);

}

.btn-basic-action i {

	padding-right: 15px; 
}

.btn-primary-action {
  color: #fff !important;
  background-color: #fd0172 !important;
  border: none;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
  padding: 1em 1em 1em 1em;
  margin-top:20px;
  margin-bottom: 10px;
}

.btn-primary-action:hover {

  box-shadow: 0px 15px 20px rgba(253, 1, 114, 0.4);
  transform: translateY(-2px);
}

.btn-primary-action i {
	padding-right: 15px; 
}

.btn-primary, .btn-default{
  border-radius: 8px; 
  transition: all 0.3s ease 0s;
  border:none; 
}
.btn, .btn-lg, .btn-address, .btn-address-fav {
	transition: all 0.3s ease 0s;
  border-radius: 8px;
  margin-top: 5px;
}

.btn-address-fav {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  padding: 20px 40px;
  font-size: 20px;
}


.btn-xs {
  border-radius: 4px!important; 
}


.btn-gray {
  border-radius: 0px!important; 
}

.list-item-image .label, .tplEvents .label  {
  border-radius: 0px 5px 5px 0px!important; 
}


.tplAddressDetail > .lngArticleNodeFK > .qsArtContent {
  max-width: 720px; 
  width: 100%;
  margin: 2rem auto;
  font-size:clamp(1em, 2.5vw, 1.125em)!important;
}

.articleSB-size{
	max-width: 720px;
}

.tplAddressDetail > .lngArticleNodeFK > .qsArtContent  img {

  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

@media screen and (max-width: 1000px) {
	.tplAddressDetail > .lngArticleNodeFK > .qsArtContent {
    max-width: 650px!important; 
  }
}


/*BARRE FAVORIS
*/

@media (max-width: 1199px) {
 #favoritesbar button{
   margin-top:10px;
 }
}



#favoritesbar button {
 box-shadow: 0 0 15px rgb(0 0 0 / 20%)!important;
 border-radius: 8px!important;
 transition: all 0.3s ease 0s;
 display:flex; 
 justify-content: space-between; 
 align-items: center;
 padding-left: 25px; 
 color: white;
 font-size: 16px;

}

#agenda-btn-home{
	background-color: #009900;
}

#vacances-btn-home{
	background-color: #29ABE2;
}

#recherche-btn-home{
	background-color: #F7931E;
}



#agenda-dropdown-home a:hover{
	color: #009900;
}

#vacances-dropdown-home a:hover{
	color: #29ABE2;
}

#ecole-dropdown-home a:hover{
	color: #F7931E;
}

/*
#agenda-btn-home:focus{
	background-color: #015001;
}

#vacances-btn-home:focus{
	background-color: #1e81ab;
}

#recherche-btn-home:focus{
	background-color: #cd7916;
}

*/
#favoritesbar button:hover {
  box-shadow: 0 0 20px rgb(0 0 0 / 20%)!important;
  transform: translateY(-2px);

}


#favoritesbar button:focus {

  outline: unset;


}

#favoritesbar button .fa-chevron-down {

  transition: all 0.3s ease 0s;
}

#favoritesbar button:focus .fa-chevron-down {

  transform: rotate(180deg);

}

#favoritesbar button img {
  height: 100px; 
  width: auto;
}

#btn-favorites-forum {
	display:none; 
}

.favorites-align-txt {
	text-align:left;
}

.favorites-align-txt h3 {
	margin-top: 5px; 
  margin-bottom: 3px;	
}   
/*RESEAU CRECHES MISE A JOUR GRAPHIQUE
*/


/*adresse réseau (carte grise) */

#see-map{
	width: 100%; 
  font-size:18px;
  margin-top: 5px; 
}

.navNetwork{
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  gap: 7px;
}

@media screen and (max-width: 1520px) {
  .navNetwork .btn-lg{
   width: 48%
 }

}

@media screen and (max-width: 473px) {
  .navNetwork .btn-lg{
   width: 100%
 }

}


.navNetwork .btn {

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

}

.navNetwork .btn:hover {

  background-color:#a2c1e0;    
}

.navNetwork .btn:focus {

  background-color:#5887b7!important;    
}


.navNetwork #see-map:hover {

	background-color:#e25190; 
  color:#ffffff; 
}

.navNetwork #see-map:focus {

  background-color:#ed1e79!important;    
}

.tplDphAddressMap .panel-gray, .tplDphListReseau .panel-heading {
	border-radius: 20px; 
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}


  #see-map i{
   padding-right: 10px; 
 }





/* LISTE CARDS ADRESSES RESEAUX */

.tplDphListReseau .list-group-item {
	margin-bottom: 2vh; 
  margin-top: 2vh; 
  border: none!important; 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 20px!important; 


}

.tplDphListReseau .panel {
  border:none!important; 
}


.img-expert-page .informations{
	display: grid; 
 grid-template-columns: none;
 grid-column-gap: 20px; 
}

.informations{
	display: grid; 
 grid-template-columns: auto auto auto auto;
 grid-column-gap: 20px; 
}


.tplDphAddressMap i {

	padding-right: 15px; 
}
/*
.adresse-maps{
	grid-column: 1 / 5;
   	margin-top:20px; 
    
} boutons infomrations en bout de carte */

.informations a, .btn-n {
	color: #000!important;
  background-color: #fff!important;
  border: none;
  border-radius: 45px;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
  align-self: center;
  place-self: center;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  padding: 1em 1em 1em 1em;


}
.informations a:hover, .btn-n:hover {
  background-color: #fd0172!important;
  box-shadow: 0px 15px 20px rgba(253, 1, 114, 0.4);
  color: #fff!important;
  transform: translateY(-2px);
}

.informations i {
 padding-right:5px; 
 padding-left:5px;

}


.pageExpertsInfos .informations {
	margin-bottom: 20px; 
}

#expertPersoPage #address-update:hover {
  color: #093171;
  background-color: #83ACFE;
}

.expert-txt-btn-mod {
	font-style: italic;
  color: darkgray;
  font-size: smaller;
  margin:0;
}

.pageExpertsInfos img {
	height: 321px;
  display: inline-block;
  border-radius: 47px;
  background-color: #FFFFFF;
  line-height: 160px;
  margin-bottom: 15px;

}


#expertPersoPage #addressTabs li {
	margin-bottom: 15px; 
  margin-right: 10px; 
}

/* adaptations tailles ecrans*/

@media screen and (max-width: 1520px) {
  .informations a {
    font-size: 14px;

  }}


  @media screen and (max-width: 768px) {
    .info_tel, .info_mail, .site_web, .adresse-maps {
      grid-column: 1 / 5;
      margin-top:15px; 
      justify-self: start!important;

    }}

    .qsArtContent hr{
      border-top: 4px solid #ed1e79;
      border-radius:20px; 
    }

    .HrIcoLine2 i:hover {
      color: #ed1e79;
    }
/* see more description reseau*/





/* bas de page réseau crèche boutons map*/

.googleMapBox .btn{
  margin-top:10px; 
  border-radius: 45px;

}

.googleMapBox .btn-default {

  margin-right: 10px; 
  color: #000!important;
  background-color: #fff!important;

  box-shadow:  3px 3px 6px #bebebe,
  -3px -3px 6px #ffffff;
}


.googleMapBox .btn-default:hover {
 color: #fff!important;

 background-color:  #000!important;
}





/*Boutons pour page client */

.parent-buttons .btn-sco{
	border-radius: 5px;
	background-color: #5fc0bd!important;
	color: #ffffff!important;
  padding: 7px 10px 7px 10px;

}

.btn-sco:hover{
  text-decoration: none!important; 
  background-color: #518e8c!important;

}

.parent-buttons{
	display: flex; 
  flex-wrap: wrap;
  gap: 10px;
  justify-content:center; 
  padding-bottom: 10px; 


}


.tplAddressDetail .panel-body .btn {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.tplAddressDetail .facebook:hover {
	background-color: #4B69B1; 
  color:white;
  box-shadow: rgba(0, 0, 0, 0.40) 0px 5px 20px;

}

.tplAddressDetail .instagram:hover {
  color:white;
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); 
}

.tplAddressDetail .tiktok:hover {
  color:white;
  background-color: #000000; 
}

.tplAddressDetail .twitter:hover {
  color:white;
  background-color: #37B1E4; 
}

.tplAddressDetail .youtube:hover {
  color:white;
  background-color:#E83F3A; 
}



/* MODIFICATIONS RUBRIQUES ARTICLE */ 

.header-article {
	text-align:center; 
}


.header-article h1 {
	font-size: 4rem;
  font-weight: bold; 
}

.header-article p {
 opacity: 0.6; 
 font-style: italic;
 font-size: 16px; 
}


.date-article {
  margin-top:35px; 
  Margin-bottom:5px; 
}

.date-article +h1{
  margin-top:0;
}




.lu-card {

  border:none!important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px!important;
  border-radius: 20px!important; 

}

.tplDphConseilsExperts h4 {

  margin-bottom: 2px;

}

.tplDphConseilsExperts .btn  {

  padding: 10px 20px;


}

.tplDphConseilsExperts .lu-card {

  width: fit-content;

}

.tplDphConseilsExperts .h2 {

  margin: auto;

  margin-bottom: 10px;  
}




.tplDphConseilsExperts .lu-card img, .tplListExperts .lu-card img  {
 border-radius: 20px!important;
 max-width: 80px; 
}


/*
ADRESSES FAVORITES 
*/
.container-address-fav {
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px; 


}

.fav-addr{
	display: flex; 

}


.container-address-fav .list-item{
	transition: ease 200ms; 
}

.container-address-fav .list-item:hover{
	transform: translateY(-5px);
}


.container-address-fav .list-item a{
	transition: ease 200ms; 
}


.container-address-fav .list-item:hover .h4{
	font-size:14px;
  transform: translateY(-30px);
  transition: ease 200ms;
}

.container-address-fav .list-item:hover .strCity{
	opacity: 0;
  transition: ease 200ms;
}

.container-address-fav .list-item:hover .description{
	transform: translateY(-30px);
  transition: ease 200ms;


}

.fav-know-more{
	opacity: 0;
  margin-top:15px;
  font-weight: bold; 
}

.container-address-fav .list-item:hover .fav-know-more{
	transform: translateY(-30px);
  transition: ease 200ms;
  opacity: 1;


}

.memSummary {
	display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.txt-clamp {
	display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.twoLignesTxt {
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.oneLignesTxt {
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*
.panel-footer{
	width:20px; 
}
*/


@media screen and (max-width: 1200px) {
  .container-address-fav {
   grid-template-columns: 1fr 1fr 1fr;

 }

}

@media screen and (max-width: 990px) {
  .container-address-fav {
   grid-template-columns: 1fr 1fr;

 }

}

@media screen and (max-width: 580px) {
  .container-address-fav {
   grid-template-columns: 1fr;

 }

}

/*
page d'accueil carousel
*/


.carousel-inner .h1{
	margin-top: 0px!important;
  font-size: 26px!important; 
}

.carousel-inner .h2{
	margin-top: 3px!important;

}
/*
INFORMATIONS UTILES
*/


.parent-info-utiles .box {
  padding: 2rem;

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15)
  0px 2px 6px 2px;
  border-radius: 15px;
  text-align: center;

  display: grid;
  grid-template-columns: repeat(5 , auto);
  cursor:pointer;
  height: auto;
  max-height: 350px; 

}

.parent-info-utiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  grid-template-rows: repeat(3, 1fr);
  column-gap: clamp(20px, 4vw, 50px);
  row-gap: 5vh;
}


.header-info-utiles h1, .header-info-utiles h2{
 text-align: center;
}

.header-info-utiles h1{
 font-size: clamp(16px, 10vw, 42px);
 font-weight: bold; 
}

.header-info-utiles {
	margin-bottom: 30px!important; 
} 

.parent-info-utiles .box h4 {
  font-size: clamp(17px, 2em, 20px);
  margin-bottom: 0;
  margin-top: 0;
  margin: auto;
  position: relative;
/*width: max-content;*/
}
/*
.box h4::after{
  content: "";
  position: absolute;  
  height: 5px; 
  left: 0; 
  bottom: 0;
  width: 100%;
  background: rgba(237, 30, 121, 1); 
  transform: scaleX(0);
transform-origin: left;
  transition: transform 500ms ease;
}
*/
.parent-info-utiles .box:hover h4::after{
  transform: scaleX(1);
}



.parent-info-utiles p{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: clamp(16px, 1vw, 18px);
}

.parent-info-utiles .blob svg {
  width: clamp(110px, 10vw, 180px);
  height: auto;
  

  
  
}

.parent-info-utiles .blob svg path {

  fill: rgba(237, 30, 121, 0.7);
  pointer-events: all;
  
}




.parent-info-utiles .icone {
  padding-top: 2vw;
  font-size: clamp(60px, 5vw, 80px);
  

}


/*animated */

.parent-info-utiles .box:hover{
  box-shadow: rgba(60, 64, 67, 0.6) 0px 1px 2px 0px, rgba(60, 64, 67, 0.5)
  0px 2px 6px 2px;
  transform: scale(1.02);
  transition: all 0.2s ease-in-out;

}

.parent-info-utiles .box:hover path {
  animation: blob 10s linear  infinite;
  
}
@keyframes blob {
  0% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
  25% {   d:path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
  }
  50% {    d:path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
  }
  75% {    d:path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
  }
  100% {    d:path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
  }
}
/* responsive  */


@media (max-width: 850px) {
  .parent-info-utiles { grid-template-columns: repeat(2, auto); }
}


@media (max-width: 570px) {
  .parent-info-utiles { grid-template-columns: repeat(1, auto); }
}





.parent-info-utiles .blob {
  grid-column: 1 / 5;
  grid-row: 1 / 2; 
}
.parent-info-utiles .icone {
  grid-column: 1 / 5;
  grid-row: 1 / 2; 
}
.parent-info-utiles .title_box{
  grid-column: 1 / 5;
  grid-row: 2 / 3; 
}
.parent-info-utiles .texte_box {
  grid-column: 1 / 5;
  grid-row: 3 / 4; 
}


.title_box {
	display:flex; 
  align-items: center; 
}
.parent-info-utiles .title_box h4 {
  font-size:clamp(1em, 2.5vw, 1.125em)!important;
  padding-bottom: 5px; 
}

/*
LUCIEN MODIFICATIONS - FIN 
*/
body #TB_overlay {
  background: #535355;
  opacity: 0.6;
}

@media (min-width: 768px) {
	.modal-dialog.wizard {
		width:745px;
	}
  #toolmenu {
      position: sticky;
      z-index: 1001;
      width: 100%;
      background-color: #FFFFFF;
      top: 0px;
      padding-top: 5px;
  }
}

body.mceContentBody,
body.body-portal {
	padding: 0px;
  margin: 0px;
}

.SystemTable #ContainerIFrame {
	min-height: 1500px;
}

#quickbar-container {
  z-index: 1500 !important;
}

video {
  max-width: 100%;
  height: auto;
}

h1, h2, span.h1 {
  font-weight: 400;
}

h2 {
  margin-bottom: 6px 12px !important;
}

h2 .glyphicon {
  margin-right: 10px;
}

.qsSousTitre {
  font-family: "Roboto Slab", "Times New Roman", Times, serif;
  font-size: 19px;
  color: inherit;
  margin-top: 22px;
  margin-bottom: 11px;   
  display: block;
}

.table-qi thead {
  background-color: #000000;
  color: #FFFFFF;
}

.qsSeparation {
  background-color: #ed1e79;   
}

.slab {
  font-family: "Roboto Slab", "Times New Roman", Times, serif;
}

.slab .glyphicon {
  font-size: 35px;
  margin-top: 5px;
}

.slab a.newsletterLink {
  color: #ed1e79;   
}

.slab a:hover.newsletterLink {
  color: #000000;   
}

.text-color1 {
	color: #ed1e79;
}

#footer .slab {
  font-size: 26px;
  padding-top: 20px;
}

#footer {
  padding-top: 10px;   
}

#footer img {
  height: 60px;
  width: auto;
}

#footer img.picto {
  height: 40px;
  width: auto;
  margin-bottom: 10px;
}

.inline-block {
  display: inline-block !important;
}

.margin-0 {
  margin: 0px !important;
}

.padding-0 {
  margin: 0px !important;
}

.p-helper {
  padding: 15px;
  margin-bottom: 25px;
}

.panel .h2, .panel .h2 a,
.panel h2, .panel h2 a {
  color: #ed1e79;
}

.panel .pagination {
  margin: 0px;
}

.dropdown-menu {
  /* margin: 0px !important; */
  min-width: 300px !important;
}

.dropdown-menu .divider {
  background-color: #FFFFFF !important;
}

.label {
  display: inline-block !important;
  padding: 6px 12px !important;
  font-weight: normal !important;
  border-radius: 5px; 
  font-size: inherit !important;
  margin-bottom: 15px;
  white-space: normal!important;
}

#dph_prescolaire .label {

 background-color: #31A8D3!important;
}

#dph_parascolaire .label {

 background-color: #163565!important;
}

#dph_milieufamilial .label {

 background-color: #648CB6!important;
}

#dph_horsreseau .label {

 background-color: #7B84DD!important;
}

.panel-gray, .btn-default.btn-gray {
  background-color: #f2f2f2;
}

.nav.nav-pills {
  background: #f2f2f2;
}

.nav.nav-site > li {
  display: inline-block;
}

.nav.nav-site > li > a,
.nav.nav-icon {
  padding: 7px 3px;
}

.nav.nav-site > li > a {
  color: #cccccc;
}

.nav.nav-site > li.active > a, 
.nav.nav-site > li > a:hover {
  color: #000000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #f2f2f2 !important;
  color: #ed1e79 !important;
}

.search-box .form-control {
  background: none;
}

.search-box .form-group {
    margin-bottom: 0px !important;
}

.search-box .form-group .btn {
    border-radius: 0px !important;
    margin-top: 0px !important;
}

.login-box .btn {
    margin-top: 0px !important;
}

.logo {
  display: block;
  margin-bottom: 5px;
}

.qsDPHTitle {
  display: inline-block;
}

.form-control {
  box-shadow: none !important;
}

.panel-footer .form-control, .panel-heading .form-control, .panel-gray .form-control {
  background-color: #FFFFFF;
}

.bg-gray-lighter {
  background-color: #f2f2f2;
}

.bg-gray-lighter input {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.breadcrumb {
  background: none !important;
  margin-bottom: 0px !important;
}

.max-width-100, .max-width-100 img {
  max-width: 100%;
}

.width-100, .width-100 img {
  width: 100%;
}
/*
.btn {
text-align: left !important;
}
*/
.table td {
  vertical-align: middle !important;
}

.table h4 {
  margin: 5px 0px;
  height: 1.1em;
  overflow: hidden;
}


.btn-group.open .dropdown-toggle, .btn-group .dropdown-toggle {
  box-shadow: none !important;
}

.navbar-nav > li > a.dropdown-mobile {
	position: absolute;
  z-index: 1;
  right: 0px;
  border: none;
  background-color: transparent !important;
}

.navbar-nav > li > a > .dropdown-right {
  padding: 10px 12px 10px 12px;
  line-height: 22px;
  position: absolute;
  z-index: 1;
  right: 0px;
  border: none;
  background-color: transparent !important;   
}

#toolbar {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1001;
  padding: 8px 0px;
}

#toolbar .login-box .btn-log {
  text-align: left;
}

#toolbar .btn {
  padding: 6px;
}

.navbar {
  margin-bottom: 0px !important;
  border: none !important;
}

body .navbar-nav > li > a {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding-right: 12px;
  padding-left: 12px;
  border-bottom-width: 5px;
  border-bottom-style: solid;
}

.navbar-nav .mega-dropdown-menu li.active > a,
.navbar-nav .mega-dropdown-menu li.active .dropdown-header > a,
.navbar-nav li a:hover {
  background-color: #FFFFFF !important;
}

#favoritesbar {
  padding: 10px 0px;
}

#favoritesbar .btn .glyphicon {
  margin-right: 10px;
}

#favoritesbar .btn .glyphicon.glyphicon-menu-down {
  color: inherit;
}

@media (max-width: 1199px) {
  #favoritesbar .col-sm-6:nth-child(3),
  #favoritesbar .col-sm-6:nth-child(4) {
    padding-top: 10px;
  }
}

.btn-favorites .glyphicon {
  color: #00ada7;
}

.btn-events .glyphicon {
  color: #ed1e79;
}



.btn-addresses .glyphicon {
  color: #0071bc;
}


@media (max-width: 768px) {

  .btn-address-fav {
   margin-bottom: 20px; 
   margin-top: 20px; 
   padding: 5px, 5px, 5px, 5px; 
 }
}



.btn-eshop .glyphicon {
  color: #f7931e;
}

.btn-vacations .glyphicon {
  color: #FAC81E;    
}

.btn-forum .glyphicon {
  color: #00ada7;   
}

#dpharticlefav {
  margin-top: 13px;
}

#dphlastevents {
  /* margin-top: 13px; */
}

.body-home #dphcarouselpubs728 {
  padding: 20px 0px 20px 0px;
  margin-bottom: 0px;
  background-image: url('/data/dataimages/upload/bg-stripe-lighter.png');
  background-repeat: repeat;
}

#dphquickinfos {
  padding: 40px 0px 20px 0px;
  background-image: url('/data/dataimages/upload/bg-stripe-lighter.png');
  background-repeat: repeat;
}

.quickinfo-item {
  display: inline-block;
  width: 100%;
  max-width: 270px;

  line-height: 175px;
  color: #ed1e79;
  background-color: #f2f2f2;
  margin-bottom: 20px;
  overflow: hidden;
}

.quickinfo-item a {
  color: #ed1e79;
}

.quickinfo-item p.text-center {
  display: inline-block;
  width: 100%;
  padding: 20px;
  line-height: 1.1em;
  vertical-align: middle;
}

.tplLastAdresses {
  font-size: 18px;
}

.tplLastAdresses h2 .glyphicon {
  color: #ed1e79;
}

.tplLastAdresses .contactIcon a {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0px 5px 0px 0px;
  border-radius: 50%;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #000000;
}

.tplLastAdresses .contactIcon {
  margin-top: 15px;
}

.tplLastAdresses .contactIcon a:hover {
  background-color: #ed1e79;
}

.tplLastAdresses .img-detail,
.tplLastAdresses .img-detail img,
.tplAddressDetail .img-detail,
.tplAddressDetail .img-detail img,
#dph_responsable .img-detail,
#dph_responsable .img-detail img {
  width: 200px;
  height: 200px;
}

.tplLastAdresses .img-detail,
.tplAddressDetail .img-detail,
#dph_responsable .img-detail {
  display: inline-block;
  border-radius: 50%;
  background-color: #FFFFFF;
  line-height: 160px;
  margin-bottom: 15px;
  border: solid 10px #FFFFFF;
}

.tplAddressDetail address .glyphicon,
#dph_responsable address .glyphicon{
  margin-right: 10px;
}

.tplAddressDetail #qsMap,
.tplEventDetail #qsMap {
  width: 100%;
  height: 350px;
}

.tplEventDetail #qsMap {
  margin-top: 20px;
}

.tplAddressDetail .logo-fav {
  margin: 0px 0px 20px 20px;
}

.carousel-addresses .carousel-control-mini {
  position: absolute;
  z-index: 50;
  margin-top: -38px;
  right: 10px;
}

.carousel-addresses .carousel-control-mini .btn {
  padding: 2px 5px;
}

.carousel-addresses .panel-body {
  height: 280px;
}

.body-home .tplLastShop .panel-body {
  height: 220px;
  overflow: hidden;
}

.tplLastShop h2 .glyphicon {
  color: #f7931e;
}

.tplLastShop .panel {
  margin-bottom: 0px;
}

.body-home .tplDphConseilsExperts .panel-body {

  overflow: hidden;
}



#pagecontent {
  padding: 0px 0px 40px 0px;
}

#pagepartners {
  padding: 0px 0px 20px 0px;
  border-top: solid 5px #f2f2f2;
  border-bottom: solid 5px #f2f2f2;
}

#pagepartners h2 .glyphicon{
  color: #ed1e79;
}

#systemfooter {
  text-align: center;
  padding: 10px 0px 10px 0px;
}

/*
a.btn-basket-lg {
display: block;
width: 155px;
height: 50px;
background-image: url('/data/dataimages/upload/btn-panier-off.png');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}

.navbar-nav li a.btn-basket.active,
.navbar-nav li a.btn-basket.active:hover,
.navbar-nav li a.btn-basket:hover {
background-color: #000000 !important;
border-color: #000000;
}

a.btn-basket-lg:hover {
background-image: url('/data/dataimages/upload/btn-panier-on.png');
}
*/



a.btn-lafamily-lg {
  display: block;
  width: 250px;
  height: 50px;
  background-image: url('/data/dataimages/upload/shop-family-f.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s ease 0s;
  transform: scale(2) translateX(60px);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 15px; 
  margin-bottom:50px;
}


a.btn-lafamily-lg:hover {
  background-color: #d5486a!important;
  box-shadow: 0 15px 20px rgb(253 1 114 / 40%);
  background-image: url('/data/dataimages/upload/shop-family-f-hov.svg');
  transform: scale(2) translateY(-5px) translateX(60px);

}

@media (max-width: 530px) {

  a.btn-lafamily-lg {

    transform: scale(1);
  }
}



a.btn-appuis-lg {
  display: block;
  width: 250px;
  height: 50px;
  background-image: url('/data/dataimages/upload/shop-family-f.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s ease 0s;
  transform: scale(1.4) translateY(-15px) translateX(-32px);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 15px; 
}

.navbar-nav li a.btn-appuis.active,
.navbar-nav li a.btn-appuis.active:hover,
.navbar-nav li a.btn-appuis:hover {
  background-color: #000000 !important;
  border-color: #000000;
}

a.btn-appuis-lg:hover {
  background-color: #d5486a!important;
  box-shadow: 0 15px 20px rgb(253 1 114 / 40%);
  background-image: url('/data/dataimages/upload/shop-family-f-hov.svg');
  transform: scale(1.4) translateY(-18px) translateX(-32px);

}






@media (max-width: 1520px) {
  a.btn-appuis-lg {
   width: 135px;
   height: 44px;
   transform:translateY(-3px); 

 }

 a.btn-appuis-lg:hover{
   transform: translateY(-5px)!important; 
 }
}

@media (max-width: 992px) {

  a.btn-appuis-lg {
    background-image: url('/data/dataimages/upload/shop-family-f.svg');
    margin-top: 20px;
    width: 274px;
    height: 68px;
    transform: none; 
  }

  a.btn-appuis-lg:hover {
   background-image: url('/data/dataimages/upload/shop-family-f-hov.svg');
 }

}


.carousel-news {
  color: #FFFFFF;
  background-color: #f2f2f2;
}

.carousel-news .item {
    height: 440px;
    overflow: hidden;
  }

  .carousel-news .item img.cover {
    position: absolute;
    max-width: inherit;
    width: 100%;
    height: 100%;
  }

  .carousel-news .item-body {
    width: fit-content;
    padding: 40px;
    background-image: url('/data/dataimages/upload/pix-black-50.png');
    background-repeat: repeat;
    position: absolute;
    margin: 100px 0px 65px 0px;
  }

  .carousel-news .item-body h2 {
    font-size: 17px;
    margin-top: 0px;
  }

  .carousel-news .item-body h3 {
    font-size: 28px;
    margin-top: 0px;
  }

  .carousel-news .carousel-control-mini {
    position: absolute;
    z-index: 50;
    margin-top: -55px;
    right: 10px;
  }

  .carousel-news span.tagvalue {
    display: inline-block;
  }

  .carousel-news .carousel-control-mini .btn {
    padding: 10px;
  }

  .list-item {
    display: block;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    color: #000000;
  }

  .list-item-image,
  .list-item-image img {
    height: 180px;
  }

  .list-item-image {
    line-height: 180px;
    background-color: #dddddd;
    overflow: hidden;
  }

  .list-item-image .glyphicon,
  .img-detail .glyphicon {
    display: inline-block;
    width: 100%;
    color: #f2f2f2;
    font-size: 100px;
    line-height: 100px;
    text-align: center;
    vertical-align: middle;
  }

  .tplEvents .list-item {
    border: solid 1px #f2f2f2;
  }

  .tplEvents h2 .glyphicon {
    color: #ed1e79;
  }

  .tplEvents h3.current-week {
    color: #ed1e79;
    font-size: 22px;
    margin-top: 11px;
  }

  .tplSearchEvents .btn-previous-week, 
  .tplSearchEvents .btn-next-week {
    border-color: #ed1e79;
  }

  .tplEvents .input-group-addon {
    color: #ed1e79;
  }

  .tplEvents .list-item-content {
    padding: 15px 15px 10px 15px;
    height: 120px;
    overflow: hidden;
  }

  .tplEvents .date {
    color: #ed1e79;
  }

  .tplEvents .label {
    background-color: #ed1e79 !important; 
  }

  .tplEvents .list-item small {
    display: block;
    color: #aaaaaa;
    max-height: 20px;
    overflow: hidden;
  }

  .tplEvents a.list-item .h4.summary > div {
   text-decoration: underline;
 }

 .tplEvents .list-item h4 {
  max-height: 34px;
  overflow: hidden;
}

.tplEventDetail .label {
  position: absolute;
  z-index: 5;
}

.tplEventDetail .img-detail {
  display: inline-block;
  /*border-radius: 50%;*/
  background-color: #FFFFFF;
  width: 200px;
  height: 120px;
  line-height: 180px;
  margin-bottom: 15px;
}

.tplEventDetail .panel-body {
  padding-top: 40px;
  padding-bottom: 30px;
}

.tplEventDetail .panel-gray .date {
  font-size: 18px;
  border-bottom: solid 1px #FFFFFF;
  margin-bottom: 15px;
}

.event-contact .glyphicon {
  margin-right: 10px;
}

.tplLastAds .glyphicon,
.tplLastAds a:hover {
  color: #009900;
} 

.tplForumLastMessageList .glyphicon,
.tplForumLastMessageList a:hover{
  color: #662D91;
} 

.tplLastArticles .list-item {
  border: solid 1px #f2f2f2;
}

.tplLastArticles .list-item-content {
  padding: 15px;
  height: 160px;
  overflow: hidden;
  margin-bottom: 20px;
}

.tplLastArticles h2 .glyphicon {
  color: #00ada7;
}

.tplDphSimpleList .list-item,
.tplDphImageList .list-item {
  border: solid 1px #f2f2f2;
}

.tplDphSimpleList .list-item-content,
.tplDphImageList .list-item-content {
  padding: 15px;
  height: 70px;
  overflow: hidden;
  background: #f2f2f2;
}

.tplDphSimpleList h2 .glyphicon,
.tplDphImageList h2 .glyphicon {
  color: #00ada7;
}

.list-item .label {
  position: absolute;
}

.list-item h4 {
  margin: 2px 0px 2px 0px;
}

.list-item small {
  color: #aaaaaa;
}

.list-item-footer {
  padding: 0px 15px;
  background-color: #303030;
  color: #FFFFFF;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}


.tplSearchEcom {
  margin-bottom: 25px;
}

.tplSearchEcom .panel .h3.fn {
  min-height: 80px;   
}

.tplSearchEcom .list-item .list-item-image {
  width: 100%;
  height: 220px;
  background-color: inherit;

}

.tplSearchEcom .list-item h3 {
  font-size: 14px;
  height: 2.2em;
  line-height: 1.1em;
  overflow: hidden;
  margin-bottom: 5px;
}

.tplSearchEcom .list-item .panel-body {
  padding: 5px;
}

.qsPrice {
  display: block;
  font-family: "Roboto Slab", "Times New Roman", Times, serif;
  color: #ed1e79;
  font-size: 19px;
  margin-top: 22px;
  margin-bottom: 11px;
  line-height: 1.1;
  font-weight: 400;
}

.tplSearchEcom .list-item .qsPrice {
  margin-top: 2px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}

.tplSearchEcom .list-item h4 {
  margin-bottom: 15px;
  color: #ed1e79;
}

.childsselect {
  margin-bottom: 25px;
}

.childsselect .btn, #childsselectarticle .btn {
  color: #FFFFFF;
}

.childsselect.childsselect-fixed-top {
  position: fixed;
  top: 145px;
  z-index: 1001;
  left: 0px;
  width: 46px;
}

.childsselect.childsselect-fixed-top .btn,
.childsselect.childsselect-fixed-top .btn:hover,
.childsselect.childsselect-fixed-top .btn:focus {
  border: none !important;
}

.childsselect.childsselect-fixed-top .qsDPHTitle {
  display: none;
}

.childsselect.childsselect-fixed-top .dropdown-menu.width-100 {
  width: auto;
}

.childsselect .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
}

#dphcarouselpubs728, #dphcarouselpubs468, #pub_theme {
  margin-bottom: 25px;
}

#dphcarouselpubs728 img {
  display: inline-block;
}

.carousel-pubs728 .item a {
  display: inline-block;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none !important;
}

.qsArtContentImage {
  width: 200px;
  height: 200px;
  margin: 0px 0px 20px 20px;
  float: right;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
}

.qsArtContent img {
  max-width: 100%;
  height: auto;
}

.qsArtContent iframe {
  max-width: 100%;
}

.skinContentArticle {
  min-height: 200px;
  margin-bottom: 30px;
}

.skinContentArticle .modeleArt,
.skinContentArticle .modeleArt tbody,
.skinContentArticle .modeleArt tr,
.skinContentArticle .modeleArt td {
  display: inline;
}

.skinContentArticle .qsArtContent a {
  text-decoration: underline;
}

/* desactivÃf© Ãf  cause de ce cas signalÃf© N6164
.skinContentArticle .qsArtContent img {
float: right;
margin: 0px 0px 20px 20px;
}
*/


/*
.skinContentArticle.skinContentArticleClean .qsArtContent img:first-child {
display: none;
}
*/

.tplCommentDetail, #address_favorite, #address_other, #address_event, #article_other, #siblings, #dphlivreassocie, #dphexpertassocie {
  margin: 30px 0px 30px 0px !important;
}

.tplCommentDetail .table .table-col-1 .glyphicon {
  font-size: 28px;
  color: #000000;
}

.tplCommentDetail .table .table-col-1,
.tplCommentDetail .table .table-col-2 {
  vertical-align: top !important;
}


.tplCommentDetail .table .table-col-1 {
  color: #ed1e79;
  padding: 30px 20px;
}

.tplCommentDetail .btn-display-comment span.btn-label-comment:before {
	content: "Masquer ";
}

.tplCommentDetail .btn-display-comment.collapsed span.btn-label-comment:before {
	content: "Afficher ";
}

.tplCommentDetail .btn-display-comment.collapsed span.glyphicon:before {
  content: "\e105";
}

.tplCommentDetail .comment .CommentText {
  display: inline-block;
  max-height: 4.3em;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis; 
}

.tplCommentDetail .comment tr.full .CommentText {
	max-height: auto;
  overflow: initial;
}

.tplCommentDetail .comment .CommentMore {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0px;
  background-color: #FFFFFF;
  margin-top: -30px;
  padding-right: 20px;
  margin-right: 10px;
  padding-left: 7px;
  text-align: right;
}

.tplCommentDetail .comment .CommentMore span:after {
  content: "plus" !important;
  color: #ed1e79;
}

.tplCommentDetail .comment tr.full .CommentMore {
  margin-top: -22px;
}

.tplCommentDetail .table-striped > tbody > tr:nth-of-type(odd) .CommentMore {
  background-color: #f2f2f2 !important;
}



.tplCommentDetail .comment tr.full .CommentMore span:after {
  content: "moins" !important;
  color: #ed1e79;
}

.tags-select2 .btn {
  margin: 0px 3px 3px 0px;
}

.navbar-default .navbar-toggle {
	margin-right: 0px;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #FFFFFF;
}

/* reset la CSS systemstyle qui bouffe bootstrap */

.pagination {
  font-size: inherit;
  vertical-align: inherit;
  width: inherit;
  text-align: inherit;
  padding: inherit;
}

.pagination a, .pagination a:link, .pagination a:visited {
  font-size: inherit;
}

.memberportal h2, .memberportal .readmore a {
  color: #ed1e79;
}

/* mini basket alway visible */


.ECBasketMini {
  position: fixed;
  z-index: 1015;
  right: -250px;
  top: 145px;
  vertical-align: top;
  animation-name: slideLeft;
  animation-duration: 0.5s;
}

.ECBasketMini.open {
  right: 0px;
  animation-name: slideRight;
  animation-duration: 0.5s;
}

.btn-collapse {
  float: left;
}

.ECBasketMiniContainer {
  float: right;
}

.skinPortailRegion #qsMap {
  width: 100%;
  height: 600px;
}

/*
.tplDphListCommunes .list-group .list-group-item {
display: inline-block;
width: 33%;
}
*/

.skinFicheRegion .googleMapBox #qsMap {
  width: 100%;
  height: 400px;
}

#dph_responsable #qsMap {
  width: 100%;
  height: 240px;
}

.skinFicheRegion .panel-heading {
  font-size: 16px;
  font-weight: bold;
}

.skinFicheRegion .glyphicon-exclamation-sign {
  color: #ed1e79;
}

.tplDphListReseau .panel-heading {
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 55px;
}

.tplDphListReseau .list-group .informations {
	color: #ed1e79;
  padding-top: 10px;
}

.tplDphListReseau .list-group .informations a {
  color: #ed1e79;

}

.tplDphListReseau .list-group .informations a span {
  color: #000000;   
}

.tplDphListReseau .list-group .informations a:hover {
  color: #000000;
}
/*
.tplDphListReseau .list-group .informations a:not(:first-child) {
 	padding-left: 10px;   
}

@media (max-width: 767px){
 	.tplDphListReseau .list-group .informations a:not(:first-child) {
        padding-left: 0px;   
    }   
}
*/
@media (min-width: 992px){
  .tplDphListReseau .list-group .HrImage {
    float: right;
  }
}

.navNetwork .btn {
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: auto 80%;
  padding-left: 50px;
  margin: 2px 2px 2px 2px;
}

#dph_prescolaire .list-group-item h2,
#dph_prescolaire .list-group-item h2 a {
  color: #31A8D3 !important;
}

.navNetwork #scrollto-prescolaire,
#dph_prescolaire .panel-heading {
  color: #31A8D3;
  background-image: url("/data/dataimages/UpLoad/structure2015/ico-garde-prescolaire.png");
}

#dph_parascolaire .list-group-item h2,
#dph_parascolaire .list-group-item h2 a {
  color: #163565 !important;
}
.navNetwork #scrollto-parascolaire,
#dph_parascolaire .panel-heading {
  color: #163565;
  background-image: url("/data/dataimages/UpLoad/structure2015/ico-garde-parascolaire.png");
}



#dph_milieufamilial .list-group-item h2,
#dph_milieufamilial .list-group-item h2 a {
  color: #648CB6 !important;
}
.navNetwork #scrollto-milieufamilial,
#dph_milieufamilial .panel-heading {
  color: #648CB6;
  background-image: url("/data/dataimages/UpLoad/structure2015/ico-garde-accueil-familial.png");
}

#dph_horsreseau .list-group-item h2,
#dph_horsreseau .list-group-item h2 a {
  color: #7B84DD !important;
}
.navNetwork #scrollto-horsreseau,
#dph_horsreseau .panel-heading {
  color: #7B84DD;
  background-image: url("/data/dataimages/UpLoad/structure2015/ico-garde-hors-reseau.png");
}


.tplAddressesItem .address-box hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tplSearchAddresses .filterBox .tagfilter p {
  height: 1.5em;
  overflow: hidden;
}

.tplSearchAddresses .filterBox .tagfilter p .badge {
  margin-left: 5px;
}

.tplSearchAddresses .tplAddressesItem .panel-body {
  height: 300px;
}

.tplAddressesItem h3 {
  max-height: 3.2em;
  overflow: hidden;
}

.tplAddressesItem .imageDetailUrl {
  display: block;
  width: 140px;
  height: 140px;
  line-height: 140px; 
  background-color: #FFFFFF;
  font-size: 50px;
  text-align: center;
  margin: 0px auto 15px auto;
  border-radius: 50%;
  overflow: hidden;
  border: solid 5px #f2f2f2;
}

.tplAddressesItem .contactIcon a {
  display: inline-block;
  width:35px;
  height: 35px;
  line-height: 35px;
  margin: 0px 3px 0px 3px;
  border-radius: 50%;
  overflow: hidden;
  color: #FFFFFF;
  background-color: #ed1e79;
}


.tplAddressesItem .contactIcon a:hover {
  background-color: #000000;
}

.tplNavShop .btn-lg {
  margin-bottom: 1px;
  margin-top: 1px;
}


@keyframes slideRight {
  0% {right: -250px;}
  100% {right: 0px;}
}

@keyframes slideLeft {
  0% {right: 0px;}
  100% {right: -250px;}
}

.ECBasketMiniContainer {
  width: 250px;
  background-color: #f2f2f2;
  opacity: 0.95;
  padding: 0px 30px 15px 15px;

}

.ECBasketMiniContainer a.conditions-link {
  line-height: 40px;
}

#dphgalerie {
  overflow: hidden;
  margin-right: -20px;
}

.urgence h5 {
  color: #01D859;
}

.gardeEnfantHide {
  display:none;
}
.gardeEnfantHide.gardeEnfantShow {
  display:block;
}

/* .frais-port-offert-caddie {
    float:left;
    width: 290px;
} */

.skinArticleEcom .form-inline {
  margin-bottom: 10px;   
}

.skinArticleEcom .info-commande {
  float: left;
  margin: 15px 15px 15px 0px;
}

.frais-port-offert {
  /* float: left; */
  float: right;
  margin: 15px 0px 15px 0px;
  color: #ed1e79;
  font-weight: bold;
}

.info-cadeau {
  color: #99CC33;
  font-weight: bold;
}

address .socialLinks {
  margin-top: 20px;   
}

address .socialLinks p {
  margin-bottom: 5px;   
}

.skinNewsletter .description {
  margin: 20px 0px 20px 0px;   
}

.legend-required {
  color: #ed1c24;   
}

/* MEMBER PORTAL */

.btnMemberPortal {
  max-width: 280px;   
}
@media (max-width: 370px) {
  .tplForumGroupList .panel-footer .btn {
    margin-top: 15px;   
  }   
}
@media (max-width: 385px) {
  .nav-icon a {
   font-size: 12px;
 }
 .login-box .btn-sm {
   padding: 5px;
 }
}
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left !important;
  }
  .text-right-xs {
    text-align: right !important;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .carousel-news .item-body {
    width: 100%;
    height: 400px;
    overflow: hidden;
    padding: 20px;
    margin: 120px 0px 65px 0px;
  }
  .carousel-news .item {
    height: 400px;
    }
    .carousel-news .item-body h3 {

      overflow: hidden;
    }
    .carousel-news span.tagvalue {
      display: none;   
    }
    .carousel-addresses .panel-body {
      height: 500px;
    }
    .ECBasketMini {
      right: -310px;
    }
    .frais-port-offert-caddie {
      width: 100%;
      margin-bottom: 15px;
    }
    .skinArticleEcom .info-commande {
      margin-right: 0px;
      margin-bottom: 0px;
    }
    .frais-port-offert br {
      display: none;   
    }
    body {
      padding-bottom: 50px;
    }
    .navbar-header {
    	margin-top: 10px;
    }
    .list-item-content {
      height: auto !important;
      margin-bottom: 0px !important;
    }
    .dphmenubottom {
      width: 49%;
    }
    .skinContentArticle {
      display: flex;
      flex-direction: column;

    }
    .qsArtContentImage {
      float: none;
      margin-right: auto;
      margin-left: auto;
      align-self: center;
    }
    
    address .socialLinks a {
     margin-top: 5px;   
   }
   .btnMemberPortal {
    max-width: none;   
  }
  .logo {
    max-width: 260px;
    margin: 10px auto 20px auto;    
  }
  .tplForumTopicList .panel-body div {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .carousel-news .item img.cover {
    max-width: 100%;   
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-center-sm {
    text-align: center !important;
  }
  .dphmenubottom {
    width: 19%;
  }
}

#address_favorite .tplDphAddressesFavorites .panel {
  height: 150px;
}
#address_favorite .tplDphAddressesFavorites .panel-footer {
  height: 125px;
  border-radius: 10px;
  margin-top: 12px;
  margin-left: 10px;
}


}

@media (min-width: 768px)  and (max-width: 1199px) {
  .reassurance .col-inline {
    padding: 10px 15px 10px 10px !important;
  }
}

li.tagval646 {
  display:none;
}

.tplDphListReseau #dphage.label {
  font-size: 11px !important;
  margin: 5px 0px 0px 0px;
  padding: 4px 7px 5px 7px !important;
}
.dphmenubottom {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.dphmenubottom a {
	display: block;
  font-size: 11px;
  line-height: 1em;
  padding: 2px 0px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#copyright {
	font-size: 12px;
}

@media (max-width: 991px) {
  .dropdown-menu > li,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 0px !important;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header a {
    padding: 5px 10px !important;
  }
  .pub728x90-fixed-bottom {
    position: fixed;
    bottom: 0px;
    z-index: 1001;
    left: 0px;
    width: 100%;
    text-align: center;
  }
  .reassurance .col-inline {
    display: block !important;
    padding: 15px 10px !important;
  }
  #footer .col-md-2 {
    margin-top: 20px;   
  }
}

@media (min-width: 992px) {
  .navbar .navbar-collapse {
    padding-left: 0px;
  }
  body .navbar-nav > li > a {
    font-size:18px;
  }
  #toolbar .login-box .btn-log {
    min-width: 150px;
    background-color: #FFFFFF;
  }
  ul.dropdow-menu-jumbo li {
    width: 33%;
    display: inline-block;
  }
  #hmenu .hmenu-line {
    background: #000000;
    height: 5px;
    margin-top: -5px;
  }
  .navbar-nav .open .dropdown-menu a {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .mega-dropdown-menu > li > ul {
    margin-bottom: 30px;
  }
  .mega-dropdown-menu > li > ul > li > a {
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
  }
  .navbar-nav .dropdown-menu {
    border: none;
  }
  .navbar-nav > li > a {
    height: 50px;
  }
  .dphmenubottom {
    width: 9%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-md {
    text-align: left !important;
  }
  .text-right-md {
    text-align: right !important;
  }
  .text-center-md {
    text-align: center !important;
  }
  body .navbar-nav > li > a {
    font-size:17px;
    padding-right: inherit;
    padding-left: inherit;
    padding-right: 6px;
    padding-left: 6px;
  }
}

@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
  .text-center-lg {
    text-align: center !important;
  }
  .carousel-news .item-body {
    width: fit-content;
  }
  .tplNavShop .btn-lg {
    padding: 10px 35px;
  }
}

@media (min-width: 1520px) {
  .container {
    width: 1480px !important;
  }
  .col-xxl-10 {
   width: 77% !important;
 }
 .col-xxl-2 {
   width: 23% !important;
 }
}

body .qsArtContent a.seo-autolink,
body #pagecontentcenter .qsArtContent a.seo-autolink {
  text-decoration:none !important;
  font-size: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;
}

#dphcarouselpubs468 .carousel-inner img {
	display: inline-block;
}

.addthis > span,
.addthis .addthis_inline_share_toolbox {
	display: inline-block;
  vertical-align: middle;
}

.addthis > span {
  margin-right: 20px;
}

.tplDphAddressesFavorites .panel {
  border: none;
  font-size: 14px;
  vertical-align: top;
}



.tplDphAddressesFavorites .panel-footer {
	display: table-cell;
  height: 100%;
  padding: 0px;
  vertical-align: inherit;
}

.tplDphAddressesFavorites .panel h4 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}

.tplDphAddressesFavorites .panel-body p {
  margin-bottom: 5px;
}

.tplDphAddressesFavorites .panel-body p.description {
  overflow: hidden;
  line-height: 1.1em;
  height: 3.3em;
}

.tplDphAddressesFavorites .panel-body small {
  color: #000000;
}

.tplDphAddressesFavorites .contactIcon a {
  display: block;
  color: #FFFFFF;
  width: 20px;
  padding: 3px 0px;
}

.tplDphAddressesFavorites .contactIcon a:hover {
  opacity: 0.8;
}

.tplDphAddressesOthers {
	font-size: 14px;
}

.tplDphAddressesOthers .panel-body {
  min-height: 160px;
  padding: 15px;
}

.tplDphAddressesOthers .panel h4 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
  line-height: 1.1em;
  height: 1.1em;
  overflow: hidden;
}

.tplSearchEcomCols h2 .glyphicon {
  color: #f7931e;
}

.tplDphChildsLevel2 .list-item-image {
  height: 90px;
  line-height: 90px;
}

.tplDphChildsLevel2 h4 {
  font-size: 14px;
  font-weight: normal;
  height: 3.3em;
  overflow: hidden;
}
.tplDphChildsLevel2 .list-item-content {
  padding: 5px 10px;
  height: auto;
  overflow: auto;
}

.tplNavShop.nav.nav-pills {
	background-color: inherit;
  border-top: solid 1px #f2f2f2;
  border-left: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
}

.tplNavShop.nav.nav-pills li a {
  border-bottom: solid 1px #f2f2f2;
}

.tplNavShop.nav.nav-pills li a:hover,
.tplNavShop.nav.nav-pills li.active a,
.tplNavShop.nav.nav-pills li a.active {
	background-color: #000000;
  color: #FFFFFF;
}

.tplSearchEcomForm h2 {
	margin: 0px;
  padding: 0px;
}

.tplSearchEcomForm .conditions-vente {
  float: left;
  margin-top: 5px;
  margin-bottom: 15px;
  font-weight: bold;
}

.tplSearchEcom h1 {
	margin-top: 0px;
}

.reassurance {
  font-family: "Roboto Slab", "Times New Roman", Times, serif;
  font-weight: 700;
  background: #f2f2f2;
  margin-bottom: 20px;
  vertical-align: top;
}

.reassurance .col-inline {
  display: table-cell;
  padding: 15px 40px 15px 15px;
  /* vertical-align: top; */
  vertical-align: middle;
}

.reassurance .icon,
.reassurance .infos {
  display: table-cell;
  /* vertical-align: top; */
  vertical-align: middle;
}

.reassurance .icon .glyphicon {
  font-size: 30px;
  margin-right: 15px;
}

.skinArticleEcom h2 .glyphicon {
	color: #f7931e;
}

.tplEvents abbr,
abbr.dtstart, abbr.dtend {
	border: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

.tplDphSiblingsCol a.active {
	font-weight: 700;
}

.g-recaptcha {
	display: inline-block;
}

img.fill {
  object-fit: fill;
}
img.contain {
  object-fit: contain;
}
img.cover {
  object-fit: cover;
}
img.scale-down {
  object-fit: scale-down;
}
img.none {
  object-fit: none;
}

.tplEvents .list-item-image img,
.tplDphImageList .list-item-image img,
.tplLastArticles .list-item-image img {
  width: 100%;   
}

/* QSMENU DESACTIVES */

.qsMenu-N793628 {
  display: none;   
}

/* Lucien Modifications */

/* 
NEWS CARROUSEL 
*/

.carrouselArticle a, #articleExpertId .qsArtContent a {
	color:#236fa1;    
  text-decoration: underline;
  font-weight: bold;
}


.carrouselArticle .btn, .formulaire-custom .btn, .skinContentArticle .btn, .btn-l {
	background-color: #0071bc; 
  color: #ffffff!important;
  text-decoration: none!important;
  font-weight: normal;
}


.carrouselArticle .btn:hover, .formulaire-custom .btn:hover, .skinContentArticle .btn:hover, .btn-l:hover  {
	box-shadow: rgb(35 111 161 / 80%) 0px 10px 29px 0px;
  transform: translateY(-3px);


}


/* 
TOOOLTIPS
*/
[data-tooltip] {
  position: relative;
  z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  bottom: calc(100% + 5px); /* 5px is the size of the arrow */
  pointer-events: none;
  transition: 0.2s;
  will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
  content: attr(data-tooltip);
  padding: 10px 18px;
  min-width: 50px;
  max-width: 300px;
  width: max-content;
  width: -moz-max-content;
  border-radius: 6px;
  font-size: 14px;
  background-color: rgba(59, 72, 80, 0.9);
  background-image: linear-gradient(30deg,
    rgba(59, 72, 80, 0.44),
    rgba(59, 68, 75, 0.44),
    rgba(60, 82, 88, 0.44));
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-align: center;
  white-space: pre-wrap;
  transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
  content: '';
  border-style: solid;
  border-width: 5px 5px 0px 5px; /* CSS triangle */
  border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
  transition-duration: 0s; /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
  transform-origin: top;   /* Orientation setting for the
                              slide-down effect */
                              transform: translateX(-50%) scaleY(0);
                            }

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
  transition-delay: 0.3s;
  transform: translate(-50%, -5px) scale(1);
}
/* 
  Arrow slide down effect only on mouseenter (NOT on mouseleave)
*/
[data-tooltip]:hover:after {
  transition-delay: 0.5s; /* Starting after the grow effect */
  transition-duration: 0.2s;
  transform: translateX(-50%) scaleY(1);
}
/*
  That's it for the basic tooltip.

  If you want some adjustability
  here are some orientation settings you can use:
*/

/* LEFT */
/* Tooltip + arrow */
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
  left: auto;
  right: calc(100% + 5px);
  bottom: 50%;
}

/* Tooltip */
[data-tooltip-location="left"]:before {
  transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
  transform: translate(-5px, 50%) scale(1);
}

/* Arrow */
[data-tooltip-location="left"]:after {
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
  transform-origin: left;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* RIGHT */
[data-tooltip-location="right"]:before,
[data-tooltip-location="right"]:after {
  left: calc(100% + 5px);
  bottom: 50%;
}

[data-tooltip-location="right"]:before {
  transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
  transform: translate(5px, 50%) scale(1);
}

[data-tooltip-location="right"]:after {
  border-width: 5px 5px 5px 0px;
  border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
  transform-origin: right;
  transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after {
  transform: translateY(50%) scaleX(1);
}



/* BOTTOM */
[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
  top: calc(100% + 5px);
  bottom: auto;
}

[data-tooltip-location="bottom"]:before {
  transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before {
  transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
  border-width: 0px 5px 5px 5px;
  border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
  transform-origin: bottom;
}


/*HOT FIX WERID BUG */

.shadow-sm {
  box-shadow: 0 0 7px rgb(0 0 0 / 15%) !important;
}

.shadow {
  box-shadow: 0 0 10px rgb(0 0 0 / 20%) !important;
}

.shadow-lg {
  box-shadow: 0 0 20px rgb(0 0 0 / 20%) !important;
}

form.form-events .tagfilterframe button {
  margin-right: 15px;
}

form.form-events .tagfilterframe button:before {
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 900;
  margin-right: 5px;

}

form.form-events .tagfilterframe.tagfilterframe200 button:before {
  content: "\f2bd";
}

form.form-events .tagfilterframe.tagfilterframe103 button:before {
  content: "\f02c";
}

form.form-events .tagfilterframe.tagfilterframe210 button:before {
  content: "\f70c";
}

form.form-events .tagfilterframe.tagfilterframe105 button:before {
  content: "\f3c5";
}

form.form-events #tagsbutton {
  margin-top: 10px;
}

form.form-events .tagvaluebtn {
  margin-right: 10px;
  margin-bottom: 10px;
  border: solid 1px rgba(253, 1, 114, 1);
  background-color: rgba(253, 1, 114, 0.15);
}

form.form-events .tagvaluebtn.active {
  background-color: rgba(253, 1, 114, 1);
  color: white !important;
  box-shadow: none !important;
}

form.form-events .tagvaluebtn.tagvaluebtnsup.active i {
  position: absolute;
  margin-top: -10px;
  background: white;
  border-radius: 50%;
}

form.form-events .input-group.date {
  border-radius: 23px !important;
  overflow: hidden;
}

.flex-wrap {
	flex-wrap: wrap;
}


.width-min-c {
	width: min-content;
}