/* modifs de classes bootstraps */
/* ---------------------------- */
.nav-tabs > li > a {
  padding: 7px 7px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #D3F1A0;
}
/*  background-color: #FFB689; */
/* ---------------------------- */


#style_article {
  text-align: justify;
  max-height: 370px;
  padding-top: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: 1px;
  overflow: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 2px 2px 3px 1px #656565;
  -webkit-box-shadow: 2px 2px 3px 1px #656565;
  -o-box-shadow: 2px 2px 3px 1px #656565;
  ms-box-shadow: 2px 2px 3px 1px #656565;
  box-shadow: 2px 2px 3px 1px #656565;
}
 /*
 font: bold 18px sans-serif;
 */

#style_article h1{
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 18px;
 font-weight: bold;
  margin-right: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 3px 1px gray;
  -moz-box-shadow: 2px 2px 3px 1px gray;
  box-shadow: 2px 2px 3px 1px gray;
}
#style_article h2{
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font: bold 16px sans-serif;
 text-align: center;
}
#style_article h3{
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

.nomcliquable {
 background: yellow;
}

.divtitre {
  margin-bottom:0;
}

.divlang {
  margin-top:10px;
}

/* background: #A9BFD4;
 color: black; */
.titresite, .labelcas {
  margin-top: -10px;
padding: 5px;
color: white;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 65%, #4e4e4e 92%, #383838 99%, #1b1b1b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 65%,#4e4e4e 92%,#383838 99%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 65%,#4e4e4e 92%,#383838 99%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
/*
.labelcas {
}
*/

.lienstart a{
 width: 15%;
 display: block; 
 clear: both; 
 font-size: 20px;
 font-weight: bold;
 text-decoration: underline;
 text-align: center;
 color: black;
 background: #FFB689;
 text-align: center;
}
/* background: #7CE8D0; --vert clair */

/* tableau avec les 2 listes d'images a selectionner */
/* background: #909090; */
/* background: #DA8956;*/
#tabselect {
 padding-bottom:5px; 
}
#idlisteimg1 > option[value="none"],
#idlisteimg2 > option[value="none"] {
 text-decoration: underline;
 text-align: center;
}

#idlisteimg1{
 margin-bottom:10px; 
}

#visu{
  margin-top: 2px;
}

/*
#imgvisu1 {
  cursor: default;
}
*/
/*
#imgvisu2 {
  cursor: default;
}
*/

.titreaide {
font: italic bold 12px Verdana;
color: black;
}
/*background-color: #606060;*/

/* styles page d'accueil */
/*
#tabillustr {
  border-collapse: collapse;
}
*/
/* border: 1px solid black; */
#tabillustr td{
  height: 200px;
  width: 300px;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

.imgillustr {
  height: 200px;
  width: 300px;
}
.dateillustr {
  font: bold 16px Verdana;
}

/* definitions classe 2 colonnes */
@media (min-width: 600px) {
    .ncol_art {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 2em;
      -moz-column-gap: 2em;
      column-gap: 2em;
    }
  }

@media (max-width: 600px) {
  .ncol_art {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
  }
}
/* fin definitions classe 2 colonnes */

/* limite de largeur pour les grands ecrans */
@media (min-width: 1400px) {
  .limitlarg {
    width: 1370px;
  }
}