@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;
    }
}   

/* SKIN ADRESSE BUT WITHOUT AGENDA 


*/

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

/* TOGGLE ON / OFF DISPLAY OF DEPPSEARCH TAGS ON SEARCH 


*/

.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; 
}

/* Landing Page Pub Facebook 


container-flex-pub




*/


.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;
	}
}

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;
}

.logo {
    display: block;
    margin-bottom: 5px;
}
.logo {
    overflow: hidden;
}
.logo img {
    margin-top: -10px;
}

.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;
}

#toolmenu {
    padding: 2px 0px;
}

.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 {
    /*background-size: cover;
    background-position: center center;
    padding: 100px 0px 65px 0px;*/
    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;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-center-xs {
        text-align: center;
    }
    .carousel-news .item-body {
        width: 100%;
        height: 400px;
        overflow: hidden;
        padding: 20px;
        margin: 120px 0px 65px 0px;
    }
    .carousel-news .item {
        height: 400px;
        /* padding: 105px 0px 65px 0px;
        background-size: contain;
    	background-position: top center;
    	background-repeat: no-repeat; */
    }
    .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-top: 30px;
        padding-bottom: 50px;
    }
    body .nav-top {
        position: fixed;
        z-index: 1001;
        width: 100%;
        background-color: #FFFFFF;
        top: 0px;
    }
    .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;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
    body {
    	padding-top: 41px;
        padding-bottom: 100px;
    }
    #toolmenu {
        position: fixed;
        z-index: 1001;
        width: 100%;
        background-color: #FFFFFF;
        top: 0px;
    }
    .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;
}

/*
.skinArticleEcom h3 {
    margin: 0px 0px 5px 0px;
    color: #ed1e79;
}
*/

.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;
    }
    /*
    .navbar-nav li a.active,
    .navbar-nav li a.active:hover,
    .navbar-nav li a:hover {
        background-color: #f2f2f2 !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;
    }
    body {
    	padding-top: 207px;
        
    }
    .topheader {
        position: fixed;
        z-index: 1001;
        width: 100%;
        background-color: #FFFFFF;
        top: 0px;
    }
    .dphmenubottom {
        width: 9%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
    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;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
    .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;
    }
}

@media (min-width: 992px) and (max-height: 750px) {
    .topheader {
    	position: absolute;
    }
}

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;
}