html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: Arial,sans-serif;
}



hr {
    max-width: 40%;
    border-color: #999;
    border-width: 1px;
	
	}
	


hr.light {
    max-width: 50px;
    border-color: #d54679;
    border-width: 3px;
}

hr.light2 {
    border-color: #fff;
    max-width:100%;
    padding-left:0;
    margin-left: 0;
}

hr.light3 {
    border-color: #CCC;
    max-width:100%;
    padding-left:0;
    margin-left: 0;
	border-width: 1px;
	
}

hr.light4 {
    max-width:100%;
    padding-left:0;
    margin-left: 0;
	background-color:#C09;
 border-width: 1px;
  border-color: #C09;
}

hr.light5 {
    max-width:70%;
    padding-left:0;
    margin-left: 0;
	border-width: 1px;
    border-color: #000;
	border-bottom: 1px dashed #666;
	padding-top:0px

}
	


a {
    color: #999; 
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
  color: #d54679;
}


h1 {
    font-family: 'Pinyon Script', cursive; color:#333}
	
h2
 {
    font-family:'Helvetica Neue',Arial,sans-serif; color:#666;}
	
h3 {
    font-family: 'Pinyon Script', cursive; color:#434443; font-size:30px}
	
	
h4 {
    font-family: 'Pinyon Script', cursive;color:#333; font-size:40px;
	}
	
h5 {
    font-family: 'Pinyon Script', cursive;color:#333; font-size:25px;
	}
	
h6 {
    font-family: 'Lora','Helvetica Neue',Arial,sans-serif;font-size:20px; }
	


p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
}



.bg-r {
background-color:#DF060A
}

.bg-primary {
    background-color: #318da9;
}
.bg-primary2 {
    background-color: #999;
}

.bg-1 {
	
	background-color:#fff
}

.bg-2 {
	background-image:url(../img/header2.jpg)	
}


.bg-3 {
	background-color:#f8eef9
}

.bg-4 {
	background-color:#d54679;
}


.bg-5 {
	background-color:#e921b6
	}

.bg-7 {
	background-color:#f5f3f3;
	
 
}/*mt*/


.text-faded {
    color: #fff;
} 
.text-faded3 {
    color: #666;
}
.text-faded4 {
    color: #737171; font-size:16px
}

.text-mau {
    color: #d54679;
	font-size: 17px;
} 

.text-mau2 {
    color: #e522a1;
} 

.text-mau3 {
    color: #e820b5;  font-size: 30px;
}  
.text-gris {
    color: #ccc; 
} 
.text-gris2{
    color: #666; font-size:29px; 
	font-family: 'Pinyon Script', cursive;
}

.text-gris3{
    color: #333; font-size:18px
} 

.text-22 {
    font-size:22px
} 

.text-bla {
    color: #fff;
} 

.text-bla2 {
    font-size:18px;
} 
.text-vert {
    color: #06620A;
	font-size:18px;
} 

.text-17 { 
font-size:18px;

} 

.padding-top-20 {
    padding-top:20px;
	}

.padding-bottom-20 {
    padding-bottom:20px;
	}

.petit{font-size:12px}


section {
    padding: 100px 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}

.padding-top-10 {
    padding-top:10px; padding-bottom:10px
	}

.navbar-default {
    border-color: rgba(34,34,34,.05); /*couleur orange pas ici*/
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #f0eceb; /*ici couleur de la barre menu small fff a la base*/
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 400; /*taille ndd gauche*/
	font-size:13px;
    color: #d54679; /*couleur fushia lien actif barre menu small */
}


.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #d54679;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #222; 
	
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #e62db4;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #fff!important; 
    background-color: transparent;
	}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;	
}



@media(min-width:768px) {
    .navbar-default {
        border-color: rgba(255,255,255,.3);
         background-color: #333; /*ajout pour coloré la barre menu1*/
    }

    .navbar-default .navbar-header .navbar-brand {
        color: rgba(247,37,174,1); /*.7 EGAL OPACITÉ 70%ET 1 sans point 100% ET CHANGEMENT COULEUR EN HAUT À GAUCHE NDD couleur orange pas icD*/
	 
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }
	
	

   .navbar-default .nav > li>a,
   .navbar-default .nav>li>a:focus {
        color: rgba(255,255,255,.7); /*couleur des liens de la barre droite (blanc au survol dans autre cde)*/
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff; 
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: #000; /*couleur barre 2*/
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 13px;
        color: #fff;/*couleur titre haut gauche*/
	
    }

  	
	.navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #dec5ec;/*eb3812ici orange marco*/
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #e62db4;/*couleur menu fushia*/
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #999; /*Lien couleur barre 2*/
    }
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/header.jpg);
	background-repeat:no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}




.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}



@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(0,0,0,.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 0.7;/*survol portfolio*/
	background:#000; /*survol portfolio*/
		
}/*ICI COULEUR DU PORTFOLIO*/

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
		
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #CCC ; 
}

.text-primary2 {
    color: #d54679;
}

/*.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}*/

.no-gutter > [class*=col-] {
    padding: 0;
}



.btn-default {
	border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
	
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
	
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
	
}

.btn-primary {
    border-color: #f05f40;
    color: #fff;
    background-color: #F63;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
} /*modifié le 29-09-215*/

.btn-a {
       color: #fff;
    background-color: #d54679;
	font-family: 'Italianno',"cursive", Arial,sans-serif; font-size:14px; 
    } /*ajouté le 26-10-215*/
	

.btn-a:hover,
.btn-a:focus,
.btn-a.focus,
.btn-a:active,
.btn-a.active,
.open > .dropdown-toggle.btn-a {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
}/*ajouté le 26-10-15*/


.btn-b {
       color: #fff;
    background-color: #663359;
    } /*ajouté le 26-10-15*/
	
	.btn-b:hover,
.btn-b:focus,
.btn-b.focus,
.btn-b:active,
.btn-b.active,
.open > .dropdown-toggle.btn-b {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
}/*ajouté le 26-10-15*/


.btn-c {
       color: #fff;
    background-color: #ea74ca;
    } /*ajouté le 26-10-15*/
	
	.btn-c:hover,
.btn-c:focus,
.btn-c.focus,
.btn-c:active,
.btn-c.active,
.open > .dropdown-toggle.btn-c {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
}/*ajouté le 26-10-15*/



.btn-d {
       color: #fff;
    background-color: #666;
    } /*ajouté le 03-11-15*/
	
	.btn-d:hover,
.btn-d:focus,
.btn-d.focus,
.btn-d:active,
.btn-d.active,
.open > .dropdown-toggle.btn-d {
    border-color: #ed431f;
    color: #fff;
    background-color: #999;
}/*ajouté le 26-10-15*/




.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #093;
    background-color: #F96;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #f05f40; /*pas ici orange*/
    background-color: #f05f40;/*pas ici orange*/
}

.btn-primary .badge {
    color: #f05f40;/*pas ici orange*/
    background-color: #fff;
}



.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}



.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}


.img-center {margin:0 auto;}

.img3 {

box-shadow: 0px 0px 90px #000000;
}


body {
    webkit-tap-highlight-color: #222;
}



#portfolio .portfolio-box img {
    width: 100%;
    height: auto;
}

/*Rajout pdm forcement bas de page cause hidden*/
.pdm {display:none;
			visibility:hidden;}
/*--------*/




.horaires-flashy{
  background:#d54679;
  padding:80px 0;
}

.horaires-wrap{
  max-width:780px;
  margin:0 auto;
}

.horaires-pill{
  display:inline-block;
  background:#fff;
  color:#1c1c1c;
  padding:14px 30px;
  border-radius:40px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:40px;
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.horaires-card{
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.20);
  border-radius:18px;
  padding:28px 20px;
  box-shadow:0 12px 30px rgba(0,0,0,0.10);
}

.horaires-card .horaire-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 16px;
  margin-bottom:10px;
  background:rgba(255,255,255,0.92);
  border-radius:12px;
  font-size:16px;
  line-height:1.2;
}

.horaires-card .horaire-row:nth-child(even){
  background:rgba(255,255,255,0.82);
}

.horaires-card .jour{
  font-weight:800;
  color:#1c1c1c;
}

.horaires-card .heure{
  font-weight:600;
  color:#1c1c1c;
  text-align:right;
}

.horaires-card .ferme{
  background:rgba(255,255,255,0.55) !important;
}

.horaires-card .ferme .jour,
.horaires-card .ferme .heure{
  color:#4f4f4f;
}

/* NOTE BAS */
.horaires-note {
  margin-top: 22px;
  padding: 16px 16px;
  background: rgb(245, 240, 240);
  border: 1px dashed rgba(255,255,255,0.45);
  border-radius: 14px;
  color: #2f2222;
  font-size: 19px;
  line-height: 1.35;
}

.horaires-note .note-highlight{
  display:inline-block;
  margin-top:8px;
  padding:6px 12px;
  border-radius:999px;
  background:#ffffff;
  color:#e61fb6;
  font-weight:900;
  letter-spacing:.6px;
}

/* ✅ JOUR DU JOUR */
.horaire-row.today{
  background:#ffffff !important;
  border-left:5px solid #00b140; /* petite touche végétale */
}

.horaire-row.today .jour,
.horaire-row.today .heure{
  color:#00b140;
  font-weight:900;
}

/* ===== CONTACT MODERNE ===== */

.contact-modern{
  background:#f5f5f5;
  padding:100px 0;
}

.contact-logo{
  margin-bottom:30px;
}

.contact-title{
  font-size:36px;
  font-weight:800;
  margin-bottom:10px;
  text-transform:uppercase;
}

.contact-divider{
  width:80px;
  height:4px;
  background:#e61fb6; /* fuchsia */
  margin:20px auto 30px auto;
  border-radius:4px;
}

.contact-subtitle{
  font-size:18px;
  color:#555;
  margin-bottom:60px;
}

.contact-card{
  background:#ffffff;
  padding:40px 30px;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(0,0,0,0.08);
  transition:all .3s ease;
}

.contact-card:hover{
  transform:translateY(-5px);
}

/* icône plus grosse */
.contact-icon{
  font-size:32px;
  color:#d54679;
  margin-bottom:15px;
}
.contact-icon-lg{
  font-size:44px; /* + gros */
  line-height:1;
}

/* Titre */
.contact-card h4{
  font-weight:700;
  margin-bottom:15px;
}

/* liens séparés (ne touche pas à contact-link) */
.contact-link-phone{
  display:inline-block;
  font-size:32px;      /* + gros */
  font-weight:800;
  color:#d54679;       /* flashy */
  text-decoration:none;
  letter-spacing:0.5px;
}
.contact-link-phone:hover{
  text-decoration:underline;
}

.contact-link-mail{
  display:inline-block;
  font-size:20px;
  font-weight:700;
  color:#d54679;       /* même code couleur que tel */
  text-decoration:none;
  word-break:break-word; /* évite que l'email déborde */
}
.contact-link-mail:hover{
  text-decoration:underline;
}

/* Décoller les deux cartes en mode XS (col-sm-6 devient empilé) */
.contact-col{
  margin-bottom:0; /* base */
}
@media (max-width:767px){
  .contact-col{
    margin-bottom:22px; /* espace entre les 2 blocs */
  }
  .contact-link-phone{
    font-size:28px; /* un poil plus petit sur mobile */
  }
  .contact-card{
    padding:34px 22px;
  }
}

/* ===== Uniformiser la hauteur des 2 blocs CONTACT ===== */
.contact-boxes{
  display:flex;
  flex-wrap:wrap;
}

.contact-boxes > .contact-col{
  display:flex;
}

.contact-boxes > .contact-col .contact-card{
  width:100%;
  height:100%;              /* clé: même hauteur */
  display:flex;
  flex-direction:column;
  justify-content:center;   /* centre le contenu verticalement */
}

/* Sur mobile on repasse en bloc normal */
@media (max-width:767px){
  .contact-boxes{
    display:block;
  }
  .contact-boxes > .contact-col{
    display:block;
  }
}




/* ===== FOOTER MODERNE FUCHSIA ===== */

.footer-modern{
  padding:60px 0;
  color:#ffffff;
}

.footer-content{
  font-size:16px;
}

.footer-line{
  margin-bottom:15px;
  line-height:1.6;
}

.footer-main{
  font-weight:600;
}

.footer-address{
  font-size:15px;
  opacity:0.95;
}

.footer-sep{
  margin:0 10px;
  opacity:0.6;
}

.footer-link{
  color:#ffffff;
  text-decoration:none;
  font-weight:600;
}

.footer-link:hover{
  text-decoration:underline;
}

.footer-phone{
  font-weight:700;
  letter-spacing:0.5px;
}

.footer-btn-wrapper{
  margin-top:25px;
}

.footer-btn{
  display:inline-block;
  padding:12px 26px;
  border:2px solid #ffffff;
  color:#ffffff;
  text-decoration:none;
  font-weight:700;
  border-radius:30px;
  transition:all .3s ease;
}

.footer-btn:hover{
  background:#ffffff;
  color:#e61fb6; /* fuchsia texte au hover */
}






/* Style pour le cookie-banner */
#cookie-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  text-align: center;
  padding: 15px 10px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  flex-wrap: wrap; /* Permet de passer sur plusieurs lignes si nécessaire */
  justify-content: center; /* Centre les éléments horizontalement */
  align-items: center; /* Aligne verticalement */
  gap: 10px; /* Espacement entre les éléments */
}

/* Style pour le texte */
#cookie-banner p {
  margin: 0;
  flex: 1 1 auto; /* Permet au texte de s'adapter à l'espace disponible */
  font-size: 16px; /* Taille de la police */
  line-height: 1.5; /* Améliore la lisibilité */
}

/* Style pour le bouton */
#cookie-banner button {
  background-color: #d54679;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0; /* Empêche le bouton de rétrécir */
}

/* Lien dans le texte */
#cookie-banner a {
  color: orange;
  text-decoration: underline;
}

/* Adaptation pour les petits écrans */
@media (max-width: 768px) {
  #cookie-banner {
    flex-direction: column; /* Les éléments se superposent */
    text-align: center; /* Texte centré */
  }

  #cookie-banner p {
    font-size: 14px; /* Réduction de la taille de la police pour petits écrans */
  }

  #cookie-banner button {
    margin-top: 10px; /* Ajoute un espacement entre le texte et le bouton */
    padding: 8px 15px;
  }
}