/*------------------------------------------------------------------------
# style.css - Conseils départementaux de l'ordre dentaire contractuels
# ------------------------------------------------------------------------
# author    Christelle Olivier
# e-mail    chistelle.olivier@emediacom.fr
# site      https://www.emediacom.fr
# vesion    1.0
--------------------------------------------------------------------------*/
/* Pour les écrans entre 992px et 1199px */
/* Pour les écrans entre 768px et 991px */
/* Pour les écrans entre 576px et 767px */
/* Pour les écrans inférieurs à 576px  */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
.position10 {
  display: inline-block;
  margin-left: 10%!important;
}
.position20 {
  display: inline-block;
  margin-left: 20%!important;
}
.position30 {
  display: inline-block;
  margin-left: 30%!important;
}
.position33 {
  display: inline-block;
  margin-left: 33%!important;
}
.position40 {
  display: inline-block;
  margin-left: 40%!important;
}
.position50 {
  display: inline-block;
  margin-left: 50%!important;
}
.position60 {
  display: inline-block;
  margin-left: 60%!important;
}
.position66 {
  display: inline-block;
  margin-left: 66%!important;
}
.position70 {
  display: inline-block;
  margin-left: 70%!important;
}
.position80 {
  display: inline-block;
  margin-left: 80%!important;
}
.position90 {
  display: inline-block;
  margin-left: 90%!important;
}
.retourLigne {
  clear: both;
}
.fondNoirSite {
  background-color: #303030 !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondNoirSite:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondNoir {
  background-color: #000000 !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondNoir:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondViolet {
  background-color: #682085 !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondViolet:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondViolet2 {
  background-color: #ac35db !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondViolet2:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondBleu {
  background-color: #6cb0e4 !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondBleu:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondBleu2 {
  background-color: #2b475c !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondBleu2:is(thead, tfoot, tr, td) {
  display: revert;
}
.fondBleu3 {
  background-color: #5c8899 !important;
  display: inline-block;
  padding: 3px 20px!important;
}
.fondBleu3:is(thead, tfoot, tr, td) {
  display: revert;
}
.texteNoirSite {
  color: #303030 !important;
}
.texteNoir {
  color: #000000 !important;
}
.texteBlanc {
  color: #ffffff !important;
}
.texteViolet {
  color: #682085 !important;
}
.texteViolet2 {
  color: #ac35db !important;
}
.texteBleu {
  color: #6cb0e4 !important;
}
.texteBleu2 {
  color: #2b475c !important;
}
.texteBleu3 {
  color: #5c8899 !important;
}
.leger {
  font-weight: 100 !important;
}
.normal {
  font-weight: 400 !important;
}
.gras {
  font-weight: 700 !important;
}
.maxiTitre {
  font-family: 'Roboto', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1.1em;
  letter-spacing: -0.05em;
}
.com-content-article__body h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
  margin-bottom: 1.5em;
}
.com-content-article__body h1 br {
  margin-bottom: 0px;
}
.com-content-article__body h1 span {
  line-height: 1.3em;
}
.com-content-article__body h1 a {
  color: #682085;
}
.com-content-article__body h1 a:hover {
  color: #5c8899;
}
.com-content-article__body h1 br {
  margin-bottom: 0px;
}
.com-content-article__body h1 span {
  line-height: 1.2em;
}
@media (max-width: 1199px) {
  .com-content-article__body h1 {
    font-size: 36px;
    line-height: 1.2em;
  }
}
@media (max-width: 767px) {
  .com-content-article__body h1 {
    font-size: 28px;
    line-height: 1.2em;
  }
}
.com-content-article__body h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
}
.com-content-article__body h2 br {
  margin-bottom: 0px;
}
.com-content-article__body h2 span {
  line-height: 1.3em;
}
.com-content-article__body h2 a {
  color: #682085;
}
.com-content-article__body h2 a:hover {
  color: #5c8899;
}
.com-content-article__body h2 br {
  margin-bottom: 0px;
}
.com-content-article__body h2 span {
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .com-content-article__body h2 {
    font-size: 24px;
    line-height: 1.2em;
  }
}
.com-content-article__body h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
}
.com-content-article__body h3 br {
  margin-bottom: 0px;
}
.com-content-article__body h3 span {
  line-height: 1.3em;
}
.com-content-article__body h3 a {
  color: #682085;
}
.com-content-article__body h3 a:hover {
  color: #5c8899;
}
.com-content-article__body h3 br {
  margin-bottom: 0px;
}
.com-content-article__body h3 span {
  line-height: 1.2em;
}
.com-content-article__body h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
}
.com-content-article__body h4 br {
  margin-bottom: 0px;
}
.com-content-article__body h4 span {
  line-height: 1.3em;
}
.com-content-article__body h4 a {
  color: #682085;
}
.com-content-article__body h4 a:hover {
  color: #5c8899;
}
.com-content-article__body h4 br {
  margin-bottom: 0px;
}
.com-content-article__body h4 span {
  line-height: 1.2em;
}
.com-content-article__body h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
}
.com-content-article__body h5 br {
  margin-bottom: 0px;
}
.com-content-article__body h5 span {
  line-height: 1.3em;
}
.com-content-article__body h5 a {
  color: #682085;
}
.com-content-article__body h5 a:hover {
  color: #5c8899;
}
.com-content-article__body h5 br {
  margin-bottom: 0px;
}
.com-content-article__body h5 span {
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .com-content-article__body h5 {
    font-size: 18px;
    line-height: 1.2em;
  }
}
.com-content-article__body h6 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 1.11em;
}
.com-content-article__body h6 br {
  margin-bottom: 0px;
}
.com-content-article__body h6 span {
  line-height: 1.3em;
}
.com-content-article__body h6 a {
  color: #682085;
}
.com-content-article__body h6 a:hover {
  color: #5c8899;
}
.com-content-article__body h6 br {
  margin-bottom: 0px;
}
.com-content-article__body h6 span {
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .com-content-article__body h6 {
    font-size: 16px;
    line-height: 1.2em;
  }
}