/* Hyperliens
---------------------------------------------- */
a:focus, a:hover, a:active 
    {
    /*background-color:#ff0000; */
    color:#fff; 
    text-decoration:none; 
    }
a, a:visited 
    { 
        color:yellow; /*#db1762 */
        text-decoration:none;
    }
    .spip_logo
    { 
      margin: 8px 0;  
     float: none;
     vertical-align:middle;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
    }
.nav_image:hover, .spip_logo:hover 
    {
    background-color:#ececec;  /* ouleur de fond au survol */
    text-decoration: none;
    /*clip-path: circle(60%);*/
    /*shape-outside: circle(75%);*/
     transform:rotate3d(0,1,0,180deg);
    } 
div.nav_texte:hover 
    {
      /*background-color: #ffffff;*/
     /*border: 2px outset #69DBEE;*/
      width:auto;
    }
.nav_texte a:hover
    {
  /* background-color: #ffffff; couleur de fond au survol */
    width:95%;
    color: #ff0000; /* couleur du texte au survol */
    /*border: 2px outset #69DBEE;*/
   /* border-radius: 10px;*/
   /* text-decoration: none;*/
    }

.interview h2 a:hover,.interview h2:hover
    {
    background-color: #ffffff;  /* couleur de fond au survol */
    color:white;
    }
    .descriptif_site p{
        margin-bottom: 5px;
    }
    .nav_imgge a img.spip_logo:hover, .articles strong a img.spip_logo:hover{
        /*border-radius: 15px;*/
        background-color: yellow;
         filter: invert(80%);
         clip-path: circle(50%);
         border: 2px outset red;
    }
    .linterview img:hover {
    /*float: left;*/
   /*clip-path: circle(40%);*/
   /*shape-outside: circle(45%);*/
    /*border-radius: 15px;*/
    /*background-color: yellow;*/
    /* filter: invert(80%);*/
    /*clip-path: circle(50%);*/
    }
    
    
  .linterview img:hover
  {
    position: relative;
    animation-name: example;
    animation-duration:2s; 
    animation-iteration-count: 1;
    }       

 @keyframes example {
  0%   {left:0px; top:0px;}
  25%  {left:0px; top:10px;}
  50%  {left:10px; top:0px;}
  75%  {left:0px; top:10px;}
  100% {left:0px; top:0px;}
}
 .cs_sommaire_corps ul li a { color: #3472DE}
 .cartouche h1{ background-color: black;} 
 .articles strong a{color:red;}
 .articles strong a:hover{color:yellow; border:1px solid red;}
 .cartouche:hover, .cartouche h1:hover{color:yellow;}
 .contact p{color: white}
  .contact h3{ color:yellow; font-size: xx-large; }
  .content {min-height: inherit;  }
  .footer .colophon {height: 40px; width: 100%; margin: auto; }
  
  
/* ------------------------------------------
/* Responsive
/* Styles pour les très petits écrans */
/* Une colonne par rangée */
/* largeur maximum *767px */
/* ------------------------------------------ */

@media (max-width: 767px) { 
  .pagination {line-height:3;}
}

 
/* largeur maximum 767px */
@media (max-width: 767px) {
  body {font-size:.95em;}
  h1,.h1, h2,.h2 { line-height:1;}

.nav_haut_accueil_img, .nav_image, .nav_haut_accueil_img a {
    display: none;
    
}
  .nav_haut_accueil_texte{
    flex-wrap: nowrap;
    flex-direction: column;
    width:50%;
    }  /*Permet aux colonnes de se réorganiser sur les petits écrans */
    
    .doctrine {
    margin: 0 0.5rem;
    text-align: justify;
    }
    .column1.gbl h1 a{
    margin-right: 0.5rem;
    }
}

/* fin */