body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {height: 100%;color: #777;line-height: 1.8;}

/** Parallal **/
.bgimg-1 {position:relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgimg-1 {background-image: url('../w3images/parallax1.jpg');min-height: 100%;}
.w3-wide {letter-spacing: 10px;}

.bgimg-1 .w3-display-middle {top:60%!important;}
  /* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1000px) {.bgimg-1, .bgimg-2, .bgimg-3 {background-attachment: scroll;min-height: 400px;}} 

/** Menus **/
#logoMenu {float:left;width:80px!important;margin-right:10px!important;}
#logoMenu .logo {width:80px!important;margin-left:5px;}
#myNavbar {color:#ffffff;}
#internalMenuBar {font-size: 10pt;font-weight: 700;font-variant: small-caps;text-align: center;letter-spacing: 3px;color:#af895b!important;}
#internalMenuBar a {text-decoration: none;}
#internalMenuBar a:hover {color:#777;}
.internalMenuBarTop {text-align:right;width:100%}
.internalMenuBarTop a {text-decoration: none;}
.internalMenuBarTop a:hover {text-decoration: underline;}
#logoHeader .logo {width:260px;} 
.instagram-menu {margin-top:34px!important;text-decoration: none;margin-left:7px;}
.instagram-menu:hover {color:#777;}

.w3-bar-item {margin-top:20px!important;}

/** Titres **/
h4 {color: #a18351!important;}
h5 {text-decoration: underline!important;}

/** Boutons **/
.w3-button:hover {background-color: #ffffff !important;color: #a18351!important;}
.rdvButton {display: block;float:right;border:solid 0px #976156;background-color: #a6aa92;width:190px;padding:5px;text-decoration: none;color:#ffffff;text-transform: small-caps;text-align: center;}
.rdvButton i {margin-right:10px!important;}
.rdvButton:hover {cursor:pointer;color: #e7e2dc!important;}
#myNavbar .rdvButton {float:right!important;margin-top:18px!important;margin-right:18px!important;}
#pourquoiBtn {width:300px!important;}
a.plusButton {display:block!important;padding-left:10px!important;}

.nomChloe {font-size:18pt!important;}
.libelleListe {font-weight:bold!important;}
 
/* Contenu des rubriques */
.w3-content {max-width: 1200px!important;}
.listePathologies i {color:#af895b!important;}
#container-psychomotricite-mouvement-corps {padding-top:20px!important;}

/** Accueil **/
#naturopathie {background-color: #f1eae2!important;color:#888480!important;}
#apropos {background-color: #e7e2dc!important;}
.containerPourQui h4 {margin-top:0px!important;margin-bottom:0px!important;}
.containerPourQui p {padding-top:0px!important;margin-top:0px!important;}

/** Rubrique tarifs et prestations **/ 
.tarifContainerContent {background-color: #e7e2dc!important;padding:10px!important;}
.tarifContainer {padding:5px!important;}
.tarifContainer .dureeSeance {}
.tarifContainer .tarifSeance {font-weight: 900;font-size: 18pt;}
.tarifContainer .contentTarifContainer {text-align:left;}
              
#blocRaisonsVisite .raisonsContainer {background-color: #e7e2dc!important;padding-bottom: 10px;}
#blocRaisonsVisite .w3-col {padding-bottom: 15px!important;}
#blocRaisonsVisite .w3-col .raisonsContainer h4,  .tarifContainer h4 {font-size: 11pt;font-weight: 700;font-variant: small-caps;text-align: center;letter-spacing: 4px;padding: 0px 10px 0px 10px;}
#blocRaisonsVisite .w3-col .raisonsContainer p {font-size: 10pt;text-align: justify;padding: 10px;margin:0px!important}
#blocRaisonsVisite .w3-col .raisonsContainer ul {list-style-type: none!important;margin:0px;padding:0px;}
#blocRaisonsVisite a {text-decoration: none;}
#blocRaisonsVisite a:hover {text-decoration: underline;cursor:pointer;}

.enBref {background-color: #e7e2dc!important;font-size: 12pt;padding-bottom:10px;margin-top:30px;}
.enBref h4 {font-size: 11pt;font-weight: 700;font-variant: small-caps;text-align: center;letter-spacing: 4px;padding: 0px 10px 0px 10px;}
#enBref_01 {margin-top: 70px;}
#texteEnBref_02 {margin-top: 50px;}

#psychomotricite-adultes {margin-top: 60px;}
#relaxation-lotus {margin-top: 50px;}


#blocRaisonsVisite {padding-top: 30px;}
#blocRaisonsVisiteBoutons {margin:0px 15px 0px 0px!important;padding: 20px 0px 20px 0px;}
#blocRaisonsVisiteBoutons .rdvButton {float: right;margin-left:10px}

#blocBandeauConsultations {background-color: #f1eae2!important;}

/** Pourquoi consulter **/
#pourquoiConsulter {line-height: 2;}
#pourquoiConsulterBloc1 {padding-top:40px!important;}
#pourquoiConsulterBloc2 {padding-top:40px!important;padding-right:48px!important;}
#pourquoiConsulterBloc3 {padding-top:10px!important;}
#pourquoiConsulterBloc4 {padding-top:0px!important;padding-right:48px!important;}
#pourquoiConsulterBloc5 {padding-top:10px!important;}
#pourquoiConsulterBloc6 {padding-top:0px!important;}
/*#pourquoiConsulter ul li {margin-bottom:40px!important}*/


/** Formulaire de contact **/
.containerFormulaireContact {padding-left: 50px!important;}
.formulaireContact input[type="text"] {width :90%}
.formulaireContact textarea {width :95%}
.lieu-consultation {color:#af895b!important;}
  a.lien-instagram {text-decoration: none;}
  a.lien-instagram:hover {text-decoration: underline;}
.info-consultation {margin-bottom:16px!important;}
.message-confirmation {color:#697040!important;}
.message-erreur {color:#982b15!important;}
#mentionsRGPD {margin-top:32px;text-align: justify;font-size:9pt ;font-style: italic;line-height: 1.8;}


.mentionsAnnexes {text-align: justify;font-size:9pt ;font-style: italic;line-height: 1.8;}
.logo-contact {width:200px!important;}
#submitButton {margin-right: 30px;}

/* Footer */
footer {background-color:#a6aa92!important;color:#ffffff!important;}
footer .w3-button {font-size: 10pt;display:block;float:none!important;}
footer .w3-button:hover {
    color: #777777 !important;
    background-color: #a6aa92!important;
    cursor:pointer; 
  }
footer .w3-bar .w3-bar-item {padding: 0px;margin-top:10px!important;}
footer #contact {padding-top:10px!important;}

footer #blocReseauxSociaux i {margin:0 5px 0px 5px!important;}