@font-face {
  font-family: 'RobotoItalic';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(../webfonts/Roboto-BoldItalic-latin-ext.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
/*  font-style: italic;*/
/*  font-weight: 700;*/
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../webfonts/Roboto-Regular-latin-ext.woff) format('woff');
}
@font-face {
  font-family: 'RobotoBold';
/*  font-style: bold;*/
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../webfonts/Roboto-Bold-latin-ext.woff) format('woff');
}
body {
    font-family: 'Roboto', sans-serif;
    color:#373536;
}

/* N'affiche que les éléments qui ont le même état/classe is/no-logue que le body ; ceci n'est PAS un élément de sécurité, mais juste pratique */
body.is-logue .no-logue,
body.no-logue .is-logue
{
    display: none !important;
    visibility: hidden !important;
}
a{
    text-decoration:none;
}
p{
    font-size:1.1em;
}
.fondjaune{
    background-color: #DCAB48;
}

.presentation, .asso-presentation h1 {
    color: #DCAB48;
}
.fondvert{
    background-color: #8DC3B5;
}

.patient, .asso-patient h1 {
    color: #8DC3B5;
}
.fondbleu{
    background-color: #8CBBE0;
}

.pro, .asso-pro h1, .asso-pro .suite {
    color: #8CBBE0;
}
.fondrouge{
    background-color:#D66D50;
}

.actualite, .asso-actualite h1, .asso-agenda h1, .asso-actualite .suite , .asso-agenda .suite, .asso- .suite {
    color:#DCAB48;
}
.accroche {
    font-size:2em;
    font-weight:bold;
    margin:auto;
    padding-top: 1em;
}
#menu {
    font-size:1.5em;
    font-weight:bold;
    font-variant: small-caps;
}
#menu a:hover{
    color:#373536;
}

.trait-rouge{
    background-color:#D66D50;
    line-height: 30px;
}
.trait-vert{
    background-color:#8DC3B5;
    line-height: 30px;
}
.trait-bleu{
    background-color:#8CBBE0;
    line-height: 30px;
}
.trait-jaune{
    background-color:#DCAB48;
    line-height: 30px;
}
a:hover.souligne-jaune{
    border-bottom:3px solid #DCAB48;
}
.souligne-jaune{
    color:#DCAB48;
}
a:hover.souligne-rouge{
    border-bottom:3px solid #D66D50;
}
.souligne-rouge{
    color:#D66D50;
}

a:hover.souligne-vert{
    border-bottom:3px solid #8DC3B5;
}
.souligne-vert{
    color: #8DC3B5;
}
a:hover.souligne-bleu{
    border-bottom:3px solid #8CBBE0;
}
.souligne-bleu{
    color: #8CBBE0;
}
a:hover.souligne-noir{
    border-bottom:3px solid #000;
}
.souligne-noir{
    color:#373536;
}
.home{
    background: url("/img/fond-2.png") no-repeat ;
    min-height:1010px;

/*    backdrop-filter: brighteness(1px);*/  
    margin-top:1em;

}
/*.asso- .suite {
    color:#FFF;
}*/

.filtre{
/*    backdrop-filter: brightness(115%);*/
    backdrop-filter: opacity(50%);
/*    background: rgba(1, 1, 1, 0.2);*/   
}

.bloc-actu h2{
    color:#DCAB48;
    font-variant: small-caps;
    font-weight:bold;
}

.bloc-actu img {
    width:50%;
}
.suite{
    font-variant: small-caps;
    font-weight:bold;
}

.btn{
    font-variant: small-caps;
    font-weight:bold;
}


.bloc-actu a.btn {
    border:1px solid #DCAB48;
    background-color: #DCAB48;
    color: #fff;
}
.bloc-actu a.btn:hover  {
    border:1px solid #DCAB48;
    background-color: #fff;
    color: #DCAB48;
}
.partenaires {
    text-align:center;
    font-variant: small-caps;
}
.logo {
    margin:auto;
    text-align: center;
}
.logo img {
    padding:10px;
}

.img-doc{
    max-width:50%;
}
.separateur{
    margin: auto;
    color: #373536;
    line-height: 10px;
    width: 50px;
    text-align: center;
    border: 3px solid;
    opacity: 100%;
}

.bloc-annonce{
    border-bottom:1px dotted #8CBBE0;
}
.telecharge{
    font-size:1.2em;
}
.telecharge span{
    font-variant: small-caps;
}


.btn-pro {
    background-color: #8CBBE0;
    color:#FFF;
}
.btn-pro:hover{
    border: 1px solid #8CBBE0;
    background-color:#FFF;
}
.publie{
    color:#ccc;
    font-variant: small-caps;
}

.recherche a, .recherche .suite{
    color:#373536;
}
.recherche a:hover{
    color:#000;
}

.footer-content a{
  color:#373536;
 
}

.footer{
 background-color: #ddd;
}

/* ajout pour formulaire LOGIN */
.blog-form-login .nav-pills .nav-link.active {
    display: none;
}
.blog-form-login .tab-pane .bekenfer {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

@media (max-width: 800px) {
    .home {
        background:none;
    }  
.accroche {
  font-size: 1.1em;
  font-weight: bold;
  margin: auto;
  padding-top: 1em;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}    
#menu {font-size:1.2em;
}
}