/* 	====================
			RKM 2015-2019
		==================== 
		couleurs bleu clair #204a70;  bleu foncé #337ab7*   Emeraude titres #144040 */
html {
  font-size: 100%;
}
blockquote {               /* RKM 2019 */
 font-size: 1.2em;
 background: #eee;
 color: #144040; /* text #003366*/
 border-color: #ccc;
 border-radius: 10px;
 border-style: solid;
 border-width: 1px;
 margin: 10px; 
 padding: 15px;
 border-left-width:10px; 	
 /* position: relative;	*/
}

a {
	color: #144040; /* RKM 2019 */
}

body {
  background-image: url("FondVertical.png");
  background-repeat: repeat;
  background-attachment: fixed;
  color: #222222;
}

.navbar-default {
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color: transparent;
  background-image: linear-gradient(to bottom, #d1dbd9 0%, #d1dbd9 70%, rgba(209, 219, 217, 0) 100%);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
}
.nav > li > a {
  padding-right: 10px; // RKM au lieu de 15px
  padding-left: 10px; // RKM au lieu de 15px
}

.dropdown-menu {
  background-color: #e6e5d2;
}

.dropdown-menu .divider {
  background-color: #bbbfb4;
}

video {
  display : inline-block;
  max-width: 98%; /* du conteneur */
  height: auto;
}

audio {
   	display : inline-block;
	height: 70px;
	width: 100px;
	padding-right: 10px; /* RKM */
}

p {
  margin-left: 40px;
}
p.adroite {
  text-align: right;
}
p.grands_caracteres {
  font-size: 200%;
  line-height: 200%;
}

#compteur {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  position: fixed;
  left: 35px;
  bottom: 20%;
  width: 90px;
  height: 20px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  background-color: black;
  background-image: url("http://perso0.proxad.net/cgi-bin/wwwcount.cgi?df=kirsch.dat&ft=0&dd=B");
  background-position: center center;
  background-repeat: no-repeat;
box-shadow: 10px 10px 10px #404040;
  border-radius: 7px;
  display: inline-block;
}

img {
  margin-top: 3px;
  margin-right: 6px;
  margin-bottom: 3px;
  margin-left: 1px;
  max-width: 80%; /* adapte au conteneur */
}

img.titre, div.titre {
  display: block;  
  box-shadow: 15px 15px 15px #505050;
  border-radius: 15px;
  border-top-width: 1px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: gray;
  border-right-color: black;
  border-bottom-color: black;
  border-left-color: dimgray;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background-color: black; 
  max-width: 90%;
}
 div.titre {
  padding-top: 4px; /* spécial div pour conteneur de vidéo */
}

img.poster {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: block;
}

div.adapte {
  max-width: 80%; /* adaptation pour img et div non titre */
}

img.cadre {
  display: block;
box-shadow: 15px 15px 15px #505050;
  border-radius: 10px;
  border-top-width: 1px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: gray;
  border-right-color: black;
  border-bottom-color: black;
  border-left-color: gray;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

img.gauchetexte {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-right: 10px;
  float: left;
}

img.droitetexte {
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 10px;
  float: right;
}

img.biais {
  transform: rotate(-5deg);
  z-index: 4;
}

.boiteTexte, .boiteLarge, .boite50 {
  display: block;
  background-color: transparent;
  background-image: url("bg_quart_blanc.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  border-top-width: 1px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: gray;
  border-right-color: black;
  border-bottom-color: black;
  border-left-color: gray;
  box-shadow: 15px 15px 15px #505050;
  border-radius: 10px;
  width: auto;
  width: 90%;
  margin-right: auto; /* centrage */
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.boiteLarge, .boite50 {
  display: block;
  margin-top: 1em;
  margin-right: 0px;
  margin-bottom: 1.5em;
  margin-left: 0px;
}

.boite50 {
  width: 70%;
}

#cerises {
  position: fixed;
  left: 0px;
  top: 2px;
  width: 50px;
  height: 50px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  background-image: url("../images/cerisesLogo50.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  z-index: -1;
}

h1, h2, h3 {
text-shadow: 0.05em 0.05em 0em #9de0e1;
}

h1, h2 {
  padding-bottom: 0.3em;
}

h1, .h1 {
  font-size: 3em;
}

h2, .h2 {
  font-size: 2.2em;
}

h3, .h3 {
  font-size: 1.8em;
}

h4, .h4 {
  font-size: 1.4em;
}

h5, .h5 {
  font-size: 1.3em;
}

h6, .h6 {
  font-size: 1.2em;
}

@media (min-width: 768px) {
  h1, h2, article { padding-top: 70px; }
}

@media (min-width: 768px) {
  #cerises { position: fixed; left: 0px; top: 0px; width: 0px; height: 0px; background-color: transparent; }
}

.p {
  text-indent: -30px !important;
}

span {
  font-size: 13pt !important;
}

article {
  font-size: 1em;
}

@media (min-width: 768px) {
  .container { width: 95%; }
}

@media (min-width: 992px) {
  .container { width: 90%; }
}

@media (min-width: 1200px) {
  .container { width: 68% }
}

@media screen and (max-width: 854px) {   /* RKM 2019 */
  #lightcase-case { color: #dddddd; }
}
@media (min-width: 768px) {
  .navbar-static-top { min-height: 100px; padding-top: 15px; position: fixed; right: 0px; left: 0px; z-index: 100; }
}