/* POPUP*/
#screenshot {
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
z-index: 10000;
}
/* POPUP*/


.date {background:#4A6DA7; 20px; font-family: Cambria Math, fantasy; color:#FFFFFF; height: 30px;width: 150px; display:block; text-align: center; display: table-cell; vertical-align: middle;} /* les 2 derniers pour centrer verticalement */

table {
    border-collapse: collapse; border-spacing: 0; width: 96%;}

table {border: 0;}
table td, table th {
border: 1px solid #4A6DA7;
}

table > tbody > tr > td:first-child { border-left: 0; }
table > tbody > tr > td:last-child { border-right: 0; }
table > tbody > tr:last-child > td { border-bottom: 0; }
table > tbody > tr:first-child > td { border-top: 0; }

td{ width: 50%;}


table, tr, td{color: #000000; font-size: 21px; font-family: Palatino linotype; vertical-align: top; background-color: #FFFFFF;}     /* "vertical-align: top;" sert à mettre le numéro du verset en haut de la cellule TD */


.button {
  background-color: #4A6DA7; /* Green */
font-family: Cambria Math, fantasy;
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 3px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}


.indigo {
  background-color: white; 
  color: black; 
  border: 2px solid #4A6DA7;
}

.indigo:hover {
  background-color: #4A6DA7;
  color: white;
}

body{margin: 10; padding: 0; background: #ECEAE7;}

.number{color:#404040; font-size: 17px; font-family: Jazz LET, fantasy; display:block; width: 50px;}    /* display + width détermine la longueur de SPAN */

.nombres{color:#404040; font-size: 23px; font-family: Cambria Math, fantasy; font-weight: bold:}

p{color: #404040; font-size: 22px; padding: 0 !important; font-family: Jasmin, georgia; border: 0px solid #dedede;}

hr{color:#4A6DA7;}

.VS{
 font-family: Cambria Math, fantasy;
 text-shadow: 1px 1px 1px black; color:#802A00;
 line-height: 44px;
 letter-spacing: -2px;
 padding-top:150px;

    margin: auto;
    vertical-align: middle;
}

h1{
font-family: Cambria Math, fantasy;
 color: #444;
 margin: 0;
 padding-top:10px;
 font-size: 50px;
 line-height: 44px;
 letter-spacing: -2px;
 font-weight: bold;
 text-align:center;
}

h2{
font-family: Cambria Math, fantasy;
 color: #444;
 margin: 30px;
 padding: 0px 0px 6px 0px;
 font-size: 35px;
 line-height: 30px;
 letter-spacing: -1px;
}

.home{
font-family: times, Times New Roman, times-roman, georgia, serif;
 color: #444;
 margin: 0;
 padding: 0px 0px 6px 0px;
 font-size: 35px;
 line-height: 30px;
 letter-spacing: -1px;
}

.tmn{
font-family: times, Times New Roman, times-roman, georgia, serif;
 color: #444;
 margin: 0;
 padding-top:0px;
 font-size: 25px;
 line-height: 44px;
 letter-spacing: -2px;
 font-weight: bold;
 text-align:right;
}

a{color:#4A6DA7;}

.police{ color: #555; font-size: 22px; padding: 0 !important; font-family: "georgia",sans-serif; border: 0px solid #dedede;}

.ombre{text-shadow: 1px 1px 1px black; color:#000000;}
.ombreRed{text-shadow: 1px 1px 1px black; color:red;}
.ombreBlue{text-shadow: 1px 1px 1px black; color:#005580;}
.ombreBrown{text-shadow: 1px 1px 1px black; color:#802A00;}
.ombreGreen{text-shadow: 1px 1px 1px black; color:green;}
.ombrePink{text-shadow: 1px 1px 1px black; color:#FF00FF;}
.ombreOrange{text-shadow: 1px 1px 1px black; color:orange;}

.container {overflow: auto;}
.sidebar-left {width: 1%; float: left;}
.sidebar-right {width: 1%; float: right;}
.content {overflow: hidden;}

/*---------- COLOR ----------*/
.yellow { background: yellow; padding: 1px; }
.pink { background: pink; padding: 1px; }
.green { background: #99FF99; padding: 0px; }
.orange { background: #FFE099; padding: 1px; }
.red { background: red; padding: 1px; }
.blue { background: #A9BCF5; 1px; }
.white { background:#F2F5A9 1px; }
.pastel { background:#FFFF84 0px; }
/*---------- COLOR ----------*/

.vagues {text-decoration-line: underline; text-decoration-color: red; -webkit-text-decoration-style: wavy; -moz-text-decoration-style: wavy; -ms-text-decoration-style: wavy;	text-decoration-style: wavy;}

.size {max-width: 100%; height: auto;}
.size-shadow {max-width: 100%; height: auto; box-shadow:2px 2px 10px gray; -moz-box-shadow:2px 2px 10px gray; -webkit-box-shadow:8px 8px 10px gray;}

.strike {position: relative; display: inline-block;}
.strike::before {
    content: '';
    border-bottom: 2px solid red;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

.shadow {box-shadow: 8px 8px 12px #aaa;}

.underline {border-bottom: 2px solid red;}

#main {min-height:100%; margin:0 auto; position:relative;}

footer{
	background:#131313;
	position:absolute;
	bottom:0;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	color: #e7e5e4;
}

footer a {
	text-decoration:none; 
	color: #e7e5e4;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size: 30px;
}