.sgd{
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;
}

body{margin: 10; padding: 0; background-image:url(bg.png);}

.number{color:#9a9a9a; font-size: 17px; font-family: Jazz LET, fantasy; display:block; width: 60px;}    /* display + width détermine la longueur de SPAN */

.number2{color:#404040; font-size: 17px; font-family: Jazz LET, fantasy; display:block; width: 60px;}    /* display + width détermine la longueur de SPAN */

.nombres{color:#404040; font-size: 21px; font-family: Cambria Math, fantasy;}

table, tr, td{color: #000000; font-size: 21px; font-family: Jazz LET, fantasy; vertical-align: top;}     /* "vertical-align: top;" sert à mettre le numéro du verset en haut de la cellule TD */

p{color: #404040; font-size: 22px; padding: 0 !important; font-family: Jasmin, georgia; border: 0px solid #dedede;}


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: 0;
 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;
}

a{color:maroon;}

.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;
}
