/*ALL*/

body {
font-family: Verdana, sans-serif; 
background-color: #ECFDF5;
font-size: 15px; color:black; line-height: 2 ;}

h1 { padding: 20px; color: #396251 ; }
h2 { text-align: center; font-size: 40px; color: #98cfbf; }
h3 {text-decoration: none; text-align: center ;}

a { text-decoration: underline;  color: black;}
a:hover { background-color: #ECFDF5; }


hr {border: 1px solid #98cfbf;}

.global { width: 1200px; margin: 0 auto; background-color: white;}
.entete { height: 120px; padding: 10px; 
 font-size: 14px; display: flex; padding: 10px 20px; height: 100px; }
.blocmenu {  background-color: #BBF5DD; text-align: center; }
.contenu {text-align: left;}
.pied {line-height: 0.75;padding: 10px; background: grey; 
font-size: 12px; color: #ffffd5; text-align: center; }
div.p { padding: 20px;}
section img { width: 50%; }
.vert {padding: 20px; background-color: #deefea; text-align: justify ;}

#menu { display: flex; list-style-type: none;}
#menu li {flex: 1 1 auto;}
#menu li a, #menu li a:visited {
display: block; height: 35px; line-height: 35px;
padding: 10px 20px; font-size: 16.85px;
text-decoration: none; color: black;}
#menu li a:hover {background-color:#ECFDF5;}

.rdv-button {
  display: inline-block;
  background-color: #7adcf0;
  padding: 12px 20px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  font-family: sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: background-color 0.3s;
}


/*INDEX*/

h3 a { font-size: 30px; font-weight: lighter; color: black; 
text-decoration: none; }
p.mmh {font-size: 20px;}

span.acc1 { padding: 100px; width: 50%; height: 600px; background-color: #d2eae3;}
span.acc2 { padding: 100px; width: 50%; height: 250px; background-color: #d2eae3;}
span.acc4 { text-align: left; width: 50%; display: flex; padding-left: 20px;}

.lang { width: 4%; height: 1.5%; text-align: right; padding-top: 20px;; padding-right: 20px; 
padding-left: 150px;}
.iett { display: flex; height: auto; width: auto;}



/*CONTACT*/

span.cont { width: 50%; padding: 20px;}
.tett{ display: flex; background-color: #deefea;}



/*TRAITEMENTS*/

.tett2{ display: flex; }
span.trait { width: 33%; padding: 20px; text-align: center;}
.vert2 {padding: 20px; background-color: #deefea; text-align: center ;}



/*DENTISTE*/

dt {text-decoration: underline;}


/*VALEURS*/

h3.v {font-size: 30px; font-weight: lighter;}






/*
#396251 

#6EF5DD

#BBF5DD

h2 a { text-align: center; font-size: 40px; color: #98cfbf; } 

.diff { text-decoration: none }

span.acc3 { text-align: left; width: 33%; display: flex;}
span.trait2 { width: 66%; padding: 20px; text-align: center;}
.lsv {background-color: #deefea; padding: 20px; text-align: justify ;}
span.dentiste { text-align: justify;}


.boutton { background-color: #ECFDF5; color: black;
border: 2px solid #98cfbf; width: 100px; height: 40px; }

input, textarea { font-family: Verdana, sans-serif; 
color: black; font-size: 16px; border: 2px solid #98cfbf; padding: 5px;
border-radius: 2px;}
input {height: 30px;}
#email {width: 445.5px;}

*/