html {
    -webkit-font-smoothing: antialiased;
}

* {margin:0;
padding:0;

}

body {
height:100%;
scroll-behavior: auto;
}


/*
COULEURS 
Orange FD8D25
Gris E7E8E8
Rose F48882
Rouge FD4425
*/


h1, h3, h4, h5, h6, .dosis
{margin:0;
padding:0;
font-family:'Dosis', sans-serif;
}

a,label {font-family: 'Dosis', sans-serif;}

h2 {font-family:'Heebo', sans-serif;
font-size:3rem;
font-weight:900;
text-align:center;
margin-bottom:3%;
margin-top:3%;
transition: all 0.3s ease 0s;}

p {text-align: center;
margin:auto;
width:100%;
font-family: 'Dosis', sans-serif;
font-weight: 400;
font-size:1rem;
line-height:2;}

a {text-decoration:none;
color:inherit;}

strong {
	font-weight:bold;
}


.responsive {width:100%;
height:auto;
margin:auto;
}



.bold {font-weight:bold;
font-style:normal;
color:#000000;}


.orange {color:#fd8D25;}


#headerpage {position:relative;
z-index:1;
}




/*HEADER*/

.banner  {width:100%;
position:relative;
height:auto;
}

.banner h2 {position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:#FFFFFF;
font-family: 'Dosis', sans-serif;
font-weight:500;
font-size:2rem;
transition: all 0.3s ease 0s;
}


.logo_diet {position:absolute;
width:100px;
top: 34%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
padding-bottom:2%;}


#entete  {width:100%;
height: auto;
}

#entete .startbutton {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.logo img {width:150px;
display:none;}


/*FIN HEADER*/



/*BLOG*/

#blog {background-image: linear-gradient(to right bottom, #fd8d25, #fe8222, #fe7620, #fe6921, #fe5b22, #fe592d, #fe5837, #fe5740, #fd6452, #fb7063, #f87c73, #f48882);
background-size:cover;
max-width:100%;
height:auto;
line-height: 1;
padding:5px;
font-size:2rem;
margin:auto;
display:block;
transition: all 0.3s ease 0s;
}

#container-blog {
width:100%;
height:auto;
padding:20px;
margin:auto;
display:block;
transition: all 0.3s ease 0s;
}


#container-blog img : {margin-top:5%;
margin-bottom:5%;
width:80%;}

#container-blog h2 {color:#FFFFFF;
font-size:1.5rem;}

#container-blog p {display:none;}

/*FIN BLOG*/



/*TABACOLOGIE ET TABLEAU*/


.tabacologie h1 {
font-weight:800;
font-size:2rem;
color:#FD8D25;
text-align:center;
margin-bottom:2%;
line-height:1.5;
}

.tabacologie p {font-size:1rem;
text-align:center;
line-height:1.7;
color:#000000;
margin-bottom:10%;
}

.tabacologie ul {text-align:center;
line-height:2;
margin-bottom:10%;
margin-top:10%;
border-bottom:1px solid #EFE8E8;
}

.tabacologie li {list-style:url("visuels/fleche.png");
font-size:1rem;
font-family:'Dosis', sans-serif;
font-style: normal;
list-style-type: none;
}

 .tabacologie li a {list-style-type: none;}

 .tarifs {width:100%;
margin:auto;
height:auto;
}

.tarifs h1 {
font-weight:900;
font-size:2rem;
color:#FD8D25;
text-align:center;
margin-bottom:10%;
line-height:1.5;
}

.tarifs h2 {
font-size:1.5rem;
color:#ABADA8;
text-align:center;
margin-bottom:5%;
line-height:1;
}

.tarifs h3 {
font-weight:900;
font-size:1.2rem;
color:#F48882;
text-align:center;
margin-bottom:2%;
line-height:1;
}


.tarifs p {font-size:1rem;
text-align:center;
line-height:1.7;
color:#000000;
margin-bottom:10%;
}

.tableau {width:100%;
margin-bottom:15%;
margin-top:5%;
}

.tableau h2 {
font-weight:900;
font-size:1.5rem;
color:#F48882;
text-align:center;
margin-bottom:5%;
line-height:1;
}

.tarifs_consultations {margin:auto;
width: 90%;
padding:5%;
font-size:1rem;
text-align:center;
line-height:1.7;
color:#000000;
font-family: 'Dosis', sans-serif;
}

td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;

}

th {width:100%;
background-color: #E7E8E8;}

td {font-weight:400;}

.prix {text-align:right;}


/*FIN TABACO ET TABLEAU*/


/*RDV*/

.container_rdv {background-color:#FD8D25;
}

.container, .container_rdv  {width:100%;
margin:auto;
height:auto;
padding:5%;
}

.telephone, .mail, .cta {width:100%;
text-align:center;
margin-bottom:10%;
margin-top:10%;
display:block;
}

.telephone img, .mail img {width:15%;
height:15%;
margin-bottom:10%;
}

.telephone, .mail {border-bottom:1px solid #E7E8E8;}

.telephone h2, .mail h2, .cta h2 {
font-weight:700;
font-size:2rem;
color:#FFFFFF;
margin-bottom:5%;
}

.telephone p, .mail p {color:#E7E8E8;
font-size:1.1rem;
line-height:2;
padding:2%;
}

/*FIN RDV*/





/*LIENS RESEAUX SOCIAUX*/


#reseaux {width:100%;
height:auto;
line-height:1;
padding-right:2%;
margin-top:30px;
margin-bottom:30px;
}

a {text-decoration:none;}


a .rs {list-style: none;
color:#F48882;
text-align:right;
font-size:4rem;
font-family:'Heebo', sans-serif;
font-weight:900;
margin-bottom:3%;
margin-top:3%;
transition: all 0.3s ease 0s;}

a .rs:hover {color:#abada8;}

.monfooter {width:100%;
height:auto;
margin:auto;
}

.monfooter img {width:100%;
display:block;
z-index:0;
}


#secondaire {padding-top:10%;
padding-bottom:10%;
height:auto;
display:block;
z-index:1000;
background-image: url("../visuels/footer.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin:auto;
}

#secondaire ul {
width:100%;
text-align:center;
display:block;
}

#secondaire li {
font-size:1rem;
display:block;
padding-bottom:30px;
}

#secondaire ul li a {
font-family: 'Dosis', sans-serif;
cursor:pointer;
color:#FFFFFF;
}


.copyright {width:100%;
background-color:#E7E8E8;
height:40px;
display:block;
}

.copyright p {
text-align:center;
color:#000000;
font-size:0.6rem;
display:block;
line-height:40px;
}