body {
    background: #fff;
    font-family: "filson-soft", 'Raleway', sans-serif;
    color:#666;
    
}

.main-bg {
    background: rgba(109,26,121,1);
    color:rgba(255,255,255,1);
     transition: all 0.3s ease-in-out 0s;
    -moz-transition:all  0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.header-img {
height: 100vh !important;
}
/* FONTS ---------*/
h1,h2 {
  font-family: "filson-soft", 'Raleway', sans-serif;
  font-weight: 700;
}
h3 {
    line-height: 1.4em;
}
#info a {
    color:rgba(255,255,255,0.7) !important;
    font-size: 18px;
}
#info a:hover {
    opacity: 0.4;
}
.section-title h1 {
   font-size: 4em;
}
 @media only screen and (max-width : 768px) {

    }
  @media only screen and (max-width : 480px) {
      .text-center-xs {
          text-align: center !important;
      
      }
      h2 
      {
          font-size: 1.3em;
      }

    }
p {
    font-family: "filson-soft", 'Raleway', sans-serif;
  font-weight: 300;
    font-size: 1.2em;
    
}
.bold {
    font-weight: 700;
}
a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
    
}
.link {
     font-family: "filson-soft", 'Raleway', sans-serif;
  font-weight: 500;
    color: rgba(221,189,235,1);
}
.link:hover {
     color: rgba(109,26,121,1);
text-decoration: none;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?-9heso');
	src:url('../fonts/icomoon/icomoon.eot?#iefix-9heso') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?-9heso') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?-9heso') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?-9heso#icomoon') format('svg');
}


/* BUTTONS ---------*/

.main-btn {
    background-color: rgba(109,26,121,1);
    color:rgba(255,255,255,1);
    box-shadow: 0px 10px 40px rgba(0,0,0,0.3);
    font-size: 1.5em;
    padding:10px 50px;
    margin: 20px 20px 20px 0px;
    font-weight: 700;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius:50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition:all  0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    
}
    
.main-btn:hover, .main-btn:active {
    background: rgba(190,21,116,1);
    color:rgba(255,255,255,1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    padding:8px 50px 12px 50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.main-btn-light {
    background-color: rgba(255,255,255,1);
    color:rgba(109,26,121,1);
    box-shadow: 0px 10px 40px rgba(0,0,0,0.3);
    font-size: 1.5em;
    padding:10px 50px;
    margin: 20px 20px 20px 0px;
    font-weight: 700;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius:50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition:all  0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    
}
    
.main-btn-light:hover, .main-btn-light:active {
    background: rgba(68,17,76,1);
    color:rgba(255,255,255,1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    padding:8px 50px 12px 50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.main-btn-maiia {
    background-color: rgba(21,190,184,1) ;
    color:rgba(255,255,255,1);
    box-shadow: 0px 10px 40px rgba(0,0,0,0.3);
    font-size: 1.5em;
    padding:10px 50px;
    margin: 20px 20px 20px 0px;
    font-weight: 700;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius:50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition:all  0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    
}
.main-btn-maiia:hover,.main-btn-maiia:active {
    background: rgba(255,255,255,0.3);
    color:rgba(21,190,184,1);
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
    padding:8px 50px 12px 50px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}

.main-btn-maiia a {
     color:rgba(255,255,255,1);
}
.main-btn-maiia a:hover   {
   color:rgba(21,190,184,1) !important,
}
  @media only screen and (max-width : 480px) {

    }


/* COLORS ---------*/
.green-bg {
    background-color: rgba(21,190,184,1) !important;
    color: rgba(255,255,255,1) !important;
}
.parme-bg {
    background-color: rgba(194,166,195,1) !important;
    color: rgba(255,255,255,1) !important;
}
.green {
    color: rgba(21,190,184,1) !important;
}
.blue-bg {
    background-color: rgba(72,174,232,1) !important;
    color: rgba(255,255,255,1) !important;
}
.blue {
    color: rgba(72,174,232,1) !important;
}
.pink-bg {
    background-color: rgba(190,21,116,1)!important;
    color: rgba(255,255,255,1) !important;
}
.pink {
    color: rgba(190,21,116,1) !important;
}
.purple-bg {
    background: rgba(109,26,121,1) !important;
    color: rgba(255,255,255,1) !important;
}

.purple {
    color: rgba(109,26,121,1) !important;
}
.salmon-bg {
    background: rgba(255,149,127,1) !important;
    color: rgba(255,255,255,1) !important;
}

.yellow-bg {
    background-color: rgba(255,175,34,1) !important;
    color: rgba(255,255,255,1) !important;
}
.yellow {
    color: rgba(255,175,34,1) !important;
}
.white-bg {
    background: rgba(255,255,255,1) !important;
}
.white-bg-nav {
    background: rgba(255,255,255,1) !important;
    color:rgba(109,26,121,1) !important;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;   
    
}

.semi-transparent {
    opacity: 0.5;
}


/* MARGINS & PADDINGS ---------*/
.m-0 { margin:0 auto;
}
.m-bottom-0 {
    margin-bottom: 0px !important;
}
.m-xxl {
    margin: 100px !important
}
.m-xs { 
    margin:10px !important
}
.m-r-xs { 
    margin:0px 10px 0px 0px !important
}
.m-y-xs {margin:10px 0px !important
}
.m-top-l {
    margin:30px 0px 0px 0px !important
}
.p-top-l {
     padding: 50px 0px 0px 0px !important
}
.p-top-xl {
     padding: 100px 0px 0px 0px !important
}
.p-xxl {
    padding: 100px !important
}
.p-xl {
    padding: 50px !important
}
.p-l {
    padding: 30px !important
}

 @media only screen and (max-width : 480px) {
    .p-xxl {
    padding: 50px 20px !important
     }
    .center-block-xs {  
    display: block;  
    margin-right: auto;  
    margin-left: auto;  
     }
    .m-y-xs {margin:30px 0px!important
     }
     .pull-right {
         float: none !important;
     }

}
.jumbotron.p-bottom-0 {
    padding-bottom: 0 !important;
}
.text-container {
    width:768px;
}


/* TOPBAR ---------*/
.navbar-brand h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5em;
    
}

nav.navbar a {
    color: rgba(255,255,255,1) !important;
    font-size: 1.2em;
  text-decoration: none;
}
nav.navbar {
    background: transparent;
    border:none;
    padding:20px;
}

nav.navbar ul li {
    margin: 0 20px;
    
} 

nav.navbar ul li a {
    border-bottom: 0px solid rgba(255,255,255,0);
    line-height:40px;
  
    padding: 0 !important;
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  
}
nav.navbar ul li a:hover {
    border-bottom: 3px solid rgba(255,255,255,1);
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  
}
nav.navbar ul li a.active  {
    border-bottom: 3px solid rgba(255,255,255,1);
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  
}

.white-bg-nav.navbar ul li a {
    border-bottom: 0px solid rgba(109,26,121,0);
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  
}
.white-bg-nav.navbar ul li a:hover {
    border-bottom: 3px solid rgba(109,26,121,1);
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  
}
.white-bg-nav.navbar a {
    color:rgba(109,26,121,1) !important;
    
}

.white-bg-nav.navbar .icon-bar {
   background-color: rgba(109,26,121,1) !important;
}

span.caret {
    margin-left:10px;
}


 ul.nav li.dropdown > ul.dropdown-menu a{
     color: rgba(109,26,121,1) !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background: none;
   
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.nav li.dropdown:hover > ul.dropdown-menu li a:hover {
    background: none;
    color: rgba(109,26,121,1) !important;
    border: none;
    opacity: 0.5;
     transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

button.navbar-toggle {
    background: none !important;
        border: none !important
}
#mobile .nav {
    display: none;
    background:rgba(109,26,121,1);
    height: 100vh !important;
    color:  rgba(255,255,255,1) !important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 768px !important;
    margin:0px !important;
}

 @media only screen and (max-width : 480px) {
    #menu.navbar-collapse 
     { background:rgba(109,26,121,1);
         font-size: 1.5em;
         height: 100vh;
          height: 100vw;
        
      
      }
     #menu.navbar-collapse ul li a {
         margin-top: 20px;
          color: rgba(255,255,255,1)
        
     }
     .navbar-nav {
         margin:0 -15px;
     }
     nav.navbar {
         padding: 0;
     }
     .navbar-header {
         background:rgba(109,26,121,1);
     }
     
     
#mobile .nav {
    display:inherit;
     height: 100vh;
          height: 100vw;
    color:  rgba(255,255,255,1) !important;
      font-size: 1.5em;
         height: 100vh;
    
}
     #mobile .nav a {
          color:  rgba(255,255,255,1) !important;
         padding: 10px 0px !important;
     }
     #mobile .nav li.active {
         opacity: 0.5;
         
     }
    }



/* FOOTER ---------*/

footer a {
    color: rgba(220,195,184,1) !important;
  font-weight: 700;
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
footer a:hover {
     color: rgba(220,195,184,0.5) !important;
    text-decoration: none;
      transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.footer-contact {
    height:20% !important;
}
footer p {
    font-size:1em;
}
/* PAGES ----------------------------------------------------*/

#consultation p a {
    text-decoration: none;
    font-weight: 700;
}


.quote {
    background-image: url("../img/left-quote-sign.png"), 
        url("../img/right-quote-sign.png") ;
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom right;
     box-shadow: 0px 3px 7px rgba(0,0,0,0.1);

}
.quote h4 {
    font-family:"Times";
    font-style: italic;
    font-size:1.5em;
}
p.legend {
     font-style: italic;
    font-size: 1em;
}
.quote p {
    font-weight:500;
}


/* A propos de moi  ---------*/

.info {
     box-shadow: 0px 3px 7px rgba(0,0,0,0.1);
    
}
.info ul li {
    padding: 10px 0;
}
.info ul li a {
    text-decoration: none;
    color: rgba(190,21,116,1); 
    font-weight:700;
}
.info ul li a:hover {
    opacity:0.7;
}

/* Consultation grossesse ---------*/

.consult-grossesse {
    background-image:url("../img/consultation-grossesse-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}

/* Conseils et astuces ---------*/


.tips {
    padding: 20px;
    border-left:  rgba(109,26,121,1) 3px solid;
    background: white;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.2);
    margin-bottom:50px;
}
.tips p {
    color: #888;
    font-weight: 500;
}
.tips h3 {
   color:rgba(109,26,121,1);
    margin: 0 !important;
}
.tips ul li  {
    color:#999;
}


/* Contact ---------*/
.form-horizontal {
    margin-top:50px !important;
}
input.form-control {
    height:50px !important;
        background-color: transparent !important;
    
}
.footer-contact {

    bottom:0px;
    width: 100%;

}
#contact {
    height:100%;
}