@charset "UTF-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

article {
font-size: 12pt;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    RESERVATION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.reservation {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  background-color: #efa100;
  color: #fff;
}

a.bouton-resa {
  background-color: #fff;
  padding: 5px 10px 7px 10px;
  border-radius: 99px;
  text-decoration: none !important;
  transition: background .2s ease-in-out,
              color .2s ease-in-out;
}

a.bouton-resa:hover {
  background-color: #000;
  color: #fff;
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    NAVIGATION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.navbar {
    z-index: 10000000;
    border: none;
    position: fixed;
    width: 100%;
    padding: 0px !important;
    border-radius: 0px;
    margin-bottom: 0px !important;
}

.navbar-default {
  background-color: white;
}

.navbar-default .navbar-nav > li > a {
    color: #add14c;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #9bbc45;
}

.navbar-default .navbar-nav > li > a:focus {
    color: #9bbc45;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a {
    color: #add14c !important;
    background-color: transparent;
}

.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #9bbc45 !important;
    background-color: transparent;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
    border-color: none !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #9bbc45;
    background-color: transparent;
}


.navbar-brand {
    color: black !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 15px;
}


.navbar-toggle {
  border: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: white;
    background-color: #add14c;
}



@media(min-width:768px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        text-align: center;
    }
}


@media(max-width:768px) {
.navbar-nav {
    text-align: center !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #add14c;
}

.navbar-toggle:hover {
  background: transparent !important;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a {
    color: #add14c !important;
    background-image: none;
    text-align: center !important;
}

.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #9bbc45 !important;
}


.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 0px !important;
}


}

@media(max-width: 804px) {
.nav > li > a {
    padding: 15px 8px;
}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    HEADER
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


#home {
  background: url(../img/dietetique.jpg);
  
  /* IMAGE PLEINE PAGE */

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;

  /* PARALLAX ET POSITIONNEMENT ET PROPRIETE DE L'IMAGE*/

  display: block;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
}


.wrap-hero-content{
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
}


.hero-content{
  position: absolute;
  text-align: center;
  min-width: 300px;
  left: 50%;
  top: 50%;
  padding: 65px;
  outline-offset: 8px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.contenue {
  /* POSITIONEMENT CENTRALE DE L'IMAGE TAILLE */

  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  z-index: -1;
}

@media screen and (max-width: 768px){
  .contenue {
   padding: 30px;
}
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) {
     #home {
      background-attachment: scroll;
}
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
   #home {
      background-attachment: scroll;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
     #home {
      background-attachment: scroll;
}
}




/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    A PROPOS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.apropos01 {
  display: table;
  width: 50%;
  background-color: #add14c;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 80vh;
  height: 80vh;
}

@media screen and (max-width: 768px) {
.apropos01 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}

.apropos {
  color: white;
  display: table-cell;
  text-align: justify;
  vertical-align: middle;
  padding: 50px;
}

.apropos02 {
  display: table;
  width: 50%;
  background: url(../img/mussofabienne.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 80vh;
  height: 80vh;
}

@media screen and (max-width: 768px) {
.apropos02 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}

}

@media screen and (max-width: 768px) {
.apropos {
  text-align: left;
  padding: 10px;
}

}





/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    CONSULTATIONS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


.text-center {
	margin-top: 50px;
}


/* --------- boites blanches --------------------------------------*/

.contenant.consultation .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.consultation-container {
  background: url(../img/consultation.jpg);
    position: relative;
    width: 380px;
    max-width: 100%;
    margin: 0 auto;
    height: 220px;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: white;
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) {
     .consultation-container {
        -webkit-background-size: content;
  -moz-background-size: content;
  -o-background-size: content;
  background-size: content;
      background-attachment: scroll;

}
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
   .consultation-container {
         -webkit-background-size: content;
  -moz-background-size: content;
  -o-background-size: content;
  background-size: content;
    background-attachment: scroll;

}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
     .consultation-container {
        -webkit-background-size: content;
  -moz-background-size: content;
  -o-background-size: content;
  background-size: content;
    background-attachment: scroll; 
}
}


.consultation-body {
    width: 305px;
    max-width: 100%;
    position: relative;
    opacity: .999;
    z-index: 2;
    margin: -65px auto auto auto;
    padding: 30px 30px 0px 30px;
    background-color: white;
}

.consultation-body .btn-default {
  border: 2px solid rgb(173,209,76);
  border-radius: 0px;
  color: rgb(173,209,76);
}

.consultation-body .btn-default:hover {
 background-color: rgb(173,209,76);
 color: rgb(255,255,255);
}

/* --------- justification des pictos --------------------------------------*/

.consultation-icon {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}

.consultation-icon i {
    display: table-cell;
    vertical-align: middle;
    color: white;
}



/* ------------- Consultation media queries -----------------*/

@media ( max-width: 1199px ) {
    .consultation-body {
        width: 265px;
        padding: 30px 35px 0px 35px;        
    }
    .consultation-body p {
        font: 300 12px 'Poppins', sans-serif;
        letter-spacing: .2px;
    }
    .consultation-container {
        height: 180px;
    }
    .consultation-container .consultation-icon
    {
        height: 64%;
    }
}
@media ( max-width: 480px ) {
    .consultation-container, .consultation-icon
    {
        height: 70%;
    }    
}
@media ( max-width: 991px ) {
    .consultation-body {
        width: 305px;
        padding: 30px 30px 0px 30px;        
    }
    .consultation-container {
        height: 200px;
    }
    .consultation-container .service-icon {
        height: 70%;
    }
    .contenant.consultation .col-md-4 {
        margin: 25px 0;
    }
    .contenant.consultation .col-md-4:first-child {
        margin-top: 0;
    }
    .contenant.consultation .col-md-4:last-child {
        margin-bottom: 0;
    }
}
@media ( max-width: 768px ) {
    .consultation-container .consultation-icon {
        opacity: 0;
    }
    .consultation-container .consultation-button {
        opacity: 1;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);        
    }
}
@media ( max-width: 480px ) {
    .consultation-container {
        width: 270px;
        height: 150px;
    }
    .consultation-body {
        width: 230px;
        margin: -45px auto auto auto;
    }
    .contenant.consultation .col-md-4 {
        max-width: 100%;
    }
}



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    HONORAIRES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.visio {
  text-align: center;
  color: #fff;
}

.backHono {
  margin-top: 40px;
  margin-bottom: 40px;
    background: linear-gradient(
    to bottom,
    rgba(0,0,0, 0.3),
    rgba(0,0,0, 0.3)
  ),url(../img/honoraires.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  background-attachment: fixed;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) {
    .backHono {
    background-attachment: scroll;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
   .backHono {
    background-attachment: scroll;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
     .backHono {
    background-attachment: scroll;
}
}

.consult01 {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  color: white;
}

.consult02 {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  color: white;
}

.consult03 {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  color: white;
}

.titreHono {
  margin-top: 50px;
  text-align: center;
  color: white;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    CONTACT
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.contact {
  display: table;
  background-color: #add14c;
  height: 400px;
}

.boiteContact {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
}

.boiteContact h3 {
margin-bottom: 0;
}

.boiteContact h4 {
margin-top: 15px;
margin-bottom: 15px;
}


#map {
  height: 400px;
  width: 100%;
}

.marker {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

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

.contact {
  width: 100% !important;
}

#map {
  height: 400px;
  width: 100% !important;
}
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    FOOTER
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.footer {
  margin-left: 0px;
  margin-right: 0px;
}

.mentionsLegales {
  margin-top: 15px;
  margin-bottom: 70px;
}

.mentionsLegales a {
  color: #add14c;
}

.RS .fa {
  -webkit-transition: color 0.8s; /* For Safari 3.1 to 6.0 */
  transition: color 0.8s;
  padding-left: 10px;
  padding-right: 10px;
}

.RS .fa:hover {
  -webkit-transition: color 0.8s; /* For Safari 3.1 to 6.0 */
  transition: color 0.8s;
  cursor: pointer;
  color: black;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    POURQUOI CONSULTER ?
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.pourquoi-consulter .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #add14c;
    background-color: transparent;
}


.pourquoi01 {

  display: table;
  width: 50%;
    background: linear-gradient(
    to bottom,
    rgba(0,0,0, 0.4),
    rgba(137,203,216, 0.80)
  ),url(../img/pourquoi.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.pourquoi01 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}

.pourquoi02 {

  display: table;
  width: 50%;
  background-color: #89cbd8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.pourquoi02 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}


.titrePourquoi {
  color: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.textPourquoi {
  color: white;
  display: table-cell;
  text-align: justify;
  vertical-align: middle;
  padding: 50px;
}

@media screen and (max-width: 768px) {
.textPourquoi {
  padding: 10px;
  text-align: left;
}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    PROGRAMME PERSONNALISE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.programme-personnalise .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #add14c;
    background-color: transparent;
}

/* /////////////////////////////////////////////////////*/

.programme01 {

  display: table;
  width: 50%;
    background: linear-gradient(
    to bottom,
    rgba(0,0,0, 0.4),
    rgba(223,226,113, 0.80)
  ),url(../img/programme.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.programme01 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}

.programme02 {

  display: table;
  width: 50%;
  background-color: #add14c;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.programme02 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}


.titreProgramme {
  color: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.textProgramme {
  color: white;
  display: table-cell;
  text-align: justify;
  vertical-align: middle;
  padding: 50px;
}

@media screen and (max-width: 768px) {
.textProgramme {
  padding: 10px;
  text-align: left;
}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                                    CONSULTATION DE SUIVI
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.consult-suivi .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #add14c;
    background-color: transparent;
}


/* /////////////////////////////////////////////////////*/

.suivi01 {

  display: table;
  width: 50%;
    background: linear-gradient(
    to bottom,
    rgba(0,0,0, 0.4),
    rgba(239,161,0, 0.80)
  ),url(../img/consult-suivi.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.suivi01 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}

.suivi02 {

  display: table;
  width: 50%;
  background-color: #efa100;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

@media screen and (max-width: 768px) {
.suivi02 {
  width: 100%;
  min-height: 50vh;
  height: 50vh;
}
}


.titreSuivi {
  color: white;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.textSuivi {
  color: white;
  display: table-cell;
  text-align: justify;
  vertical-align: middle;
  padding: 50px;
}

@media screen and (max-width: 768px) {
.textSuivi {
  padding: 10px;
  text-align: left;
}
}