/* GENERAL */

*{
    margin: 0;
    padding:0;
}

h1 {
    font-size: 50px ;
    color: #f8e7ce ;
    padding-top: 30px ;
}
h2 {
    text-transform: uppercase;
    font-size: 30px;
    color: #C17956 ;
    padding: 40px ;
    text-align: center;
    margin: auto;
}
h3 { 
    font-size: 20px ;
}
.wrapped {
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
    
}

.clear {
    clear: both;
}









/* HEADER*/

header {
    height: 150px;
    background-color: #C17956 ;
}

header h1 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px ;
}
header nav ul li  {
    display: inline-block;
    margin-left: auto ;
    margin-right: auto ;
    position: relative;
    left : 220px ;
}
header nav ul li a {
    text-transform: uppercase ;
    text-decoration: none ;
    color: #f8e7ce ;
    padding-left: 20px ;
    font-weight: bold ;
    display: block ;
    margin-left: auto ;
    margin-right: auto ;
    
}
a:hover {
    color: #e59866;
}














/* SOINS */

#soins {
    margin-top: 30px;
    height: 600px;
    margin-bottom: 20px;
    padding: 20px 10px;
}
#soins article {
    height: 600px;
    width: 270px;
    float: left;
    margin-left: 30px;
    border-radius: 10px ;
}

.overlay h3 {
    text-align: center ;
    padding-top: 20px;
}
.overlay p {
    text-align: center;
    font-size: 20px ;
    padding: 10px 10px ;
}








































/* MOI */ 

#moi {
    margin-top: 30px;
    
}

#photo {
    float: left ;
    border-radius: 10px ;
    margin-bottom: 30px;
}
#texte {
    width: 400px ;
    padding-top: 30px ;
    float: left ;
    padding-left: 40px ;
}
#texte h4 {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    
}
#texte p {
    text-align: center;
    padding: 30px 30px;
    font-size: 20px ;
    padding-bottom: 20px;
}































/* TARIFS */

#tarifs p {
    font-size: 20px ;
    padding-top: 10px;
}
#tarifs {
    background-color: #f8e7ce ;
    height: 1000px ;
    margin-top: 20px;
    
}
.article1 {
    height: 200px ;
    width: 300px ;
    float: left;
    text-align: center ;
    margin: auto ;
    padding-left:100px ;
}
.overlay1 {
    border-radius: 10px ;
    width: 250px ;
    height: 90px;
    margin: auto ;
}

.article2 {
    height:200px ;
    width: 300px ; ;
    float: left;
    text-align: center ;
    margin: auto ;
}
.overlay2 {
    border-radius: 10px ;
    width: 250px ;
    height: 90px;
    margin: auto ;
}



.article3 {
    height: 200px ;
    width: 200px ;
    float: left;
    text-align: center ;
    margin: auto ;
    display: block ;
    padding-left: 30px;
    
}
.overlay3 {
    border-radius: 10px ;
    width: 150px ;
    height: 90px ;
    margin: auto ;
    
}
.container {
    height: 600px ;
    width: 800px ;
    display: flex;
    justify-content: space-between;
}




































/* Contact */
#contact {
    text-align: center
}
#contact h2 {
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 auto 0 auto;
    padding-bottom: 30px;
    width: 300px;
    
}
#contact p {
    font-size: 25px;
   /* padding-bottom: 0px ;*/
}
#contact a {
    font-size: 25px;
}
#insta {
    height: 50px;
    padding-bottom: 10px
}
#contact a:link {
    color: #C17956;
}

#contact a:visited {
    color: #C17956;
}
#contact a:hover {
    color: black;
}

















/* FOOTER */

footer {
    text-align: center ;
    height: 200px ;
}
footer h1 {
    color: #f8e7ce ;
}
footer p {
    margin: 30px auto ;
}