/* Une partie de ce fichier est issu des tutoriels css.alsacreations.com */
/**************************************
 GENERAL
**************************************/
body {
 /*font: normal 77% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
 margin: 0;
 padding: 0;
 background: #DEA836 url("../_images/fond.gif") repeat-x;
}

img {
 border-width: 0;
}


a {
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
}

a:visited {
}

.alignRight {
 text-align: right;
 padding-top: 3px;
 margin-bottom: -5px;
}

.mobile_exerg, a.mobile_exerg {
 display: block;
 background: #F0F0F0;
 text-align: center;
 font-weight: bold;
 color: #DEA836;
}

/*#gaucheBas {
 position: absolute;
 left: 0;
 bottom: 3em;
 width: 156px;
}*/
/**************************************
ENTETE ET BANDEAU
**************************************/
#page {
 background: white;
 position: relative;
 margin-right: 10%;
 margin-left: 10%;
 width: 80%;
}

.spacer {
 clear: both;
 visibility: hidden;
 margin: -1px; /* to avoid the gap between the central column and the footer */
 padding: 0;
}

#entete {        /*Logos Bible en 1 an*/
 float: left;
 /*background: white url("../_images/entete.jpg");
 background-repeat: no-repeat;
 margin: 0;
 height: 51px;
 width: 252px;*/
 padding: 0 22px 0 32px;
}
 
 #slogan {        /*Osez lire la Bible en 1 an*/
 background: white;
 color: #38405C;
 font-weight: bold;
 margin-left: 0px;
 margin-top: 0px;
 padding-top: 20px;
 height:50px;
 /*width: 55%;*/
 font-size: 120%;
 text-align: left;
}

#soutenir {
 background: #FCFFCD;
 /*border-top: 1px #DFDFDF solid;
 border-bottom: 1px #DFDFDF solid;
 border-right: 1px #DFDFDF solid;*/
 /*padding: 0 0 1px 20px;*/
  padding-left: 2.5em;
	padding-right: 0.8em;
	padding-bottom: 0.4em;
	padding-top: 0.2em;
 margin: 7px 0 -7px 0;
}
#soutenir a {
 color: #FF8000;
}
#soutenir a strong {
 color: #5079AF;
}

.positionGauche {
 float: left;
}

/*****************/

#colonne_gauche {        /*Toute la colonne menu */
 float: left;
 background: white url("../_images/ombre.jpg") no-repeat;
 padding-top: 5px;
 width: 21%;
 margin-top: -19px;
 color: #38405C;
 text-align: justify;

}

#colonne_gauche p {
 display: block;
 background: white;
 /*color: #DEA836;*/
 padding-left: 10px;
 padding-bottom: 10px;
 /*clear: both;*/
} 


#epienligne {
 display: block;
 /*float: left;*/
 position: absolute;
 background: white;
 /*position: bottom left;*/
 left: 10px;
 bottom: 10px;
 width: 20%;
 /*text-align: left;*/
 margin-top: 5px;
 /*padding-top: 45px;*/
}

#colonne_droite {        /*Toute la colonne contenu (+bandeau) */
 background: white;
 margin-left: 21%;
 width: 78%;
 color: black;
}

/*****************/

#logo_llb {
 float: left;
 position: absolute;
 /*background: white;
 background-repeat: no-repeat;
 background-position: top left;*/
 color: #38405C;
 font-size: 90%;
 height: 17px;
 padding-bottom: 15px;
 margin-left: 8px;
 top: 50px;

 /*text-align: left;*/
 /*width: 400px;*/
}

#formats {        /*Liens Grand format - Format standard*/
 position: absolute;
 float: right;
 margin: 0;
 padding: 0;
 top: 33px;
 right: 1%;
 background-position: top right;
 text-align: right;
 font-weight: bold;
 clear: both;
 /*margin-right: 10px;*/
 /*width: 150px;*/
}

#formats a {
 color: #38405C; 
 font-weight: bold;
}

#bandeau {        /*Image bandeau*/
 top: 70px;
 background: white url("../_images/bandeau.jpg") no-repeat;
 /*background-repeat: no-repeat;*/
 background-position: top left;
 margin-left: 0px;
 /*margin-top: 19px;*/
 height: 121px;
 width: 100%;
}


#degrade_verti {        /*Bandeau gauche*/
 float: left;
 background: white url("../_images/degrade_verti.gif");
 background-repeat: no-repeat;
 background-position: top left;
 margin-top: 14px;
 margin-bottom: 100px;
 height: 121px;
 width: 11px;
}

#bandeau_couleur_gauche {  /* Carré de couleur gauche */
 float: left;
 background: #EBBF63;
 margin-top: 70px;
 height: 121px;
 width: 10%;
 display: none;
}

#bandeau_couleur_droite {  /* Carré de couleur droit */
 float: right;
 position: absolute;
 background: #EBBF63;
 top: 70px;
 right: 0;
 height: 121px;
 width: 10.1%;
 display: none;
}

/**************************************
FIN ENTETE ET BANDEAU
**************************************/

/**************************************
 MENU GAUCHE
**************************************/
#menu {
 /*background: */
 position: relative;
 margin-top:-3px;
 /*padding-top:3px;*/
 text-align: left;
 margin-left: 11px;
 /*padding-bottom: 5px;*/
 border: 2px #CFCFCF solid;
 border-top: 0;
}
 
#menu ul {
 list-style-type: none;
 background: /*white*/ 0 0.3em;
 text-decoration: none;
 text-align: left;
 margin-right: 9px;
 margin-left: 9px;
 padding-left: 0px;
}

#menu li {
 padding-bottom: 4px;
 border-bottom: 1px #38405C solid;
 }
 
#menu a {
 padding-top: 12px;
 color: #38405C;
 font-size: 85%;
 font-weight: bold;
 margin : 0;
 padding: 0;
}

#menu a:hover, #menu a:active {
 color: #DEA836;
}
 
#menu #menu_dernier_lien {
 border-bottom-width: 0;
} 
 
#menu a:hover {
 text-decoration: underline;
}

#menu_bas_gauche {   /*Angle arrondi*/
 /*float: left;*/
 position: absolute;
 bottom: -2px;
 left: -2px;
 background: white url("../_images/arrondi_left_bas.gif") no-repeat;
 /*background-position: -2px -12px;*/
 /*margin-top: -12px;
 margin-left: 0px;*/
 width: 21px;
 height: 19px;
}

/**************************************
 FIN MENU GAUCHE
**************************************/

/**************************************
 H1 - DATE      H2
**************************************/
#colonne_droite h1 {
 display: block;
 padding: 0;
 margin: 0;
 margin-top: 6px;
 /*margin-left: 2%;*/
 background: white url("../_images/rect_date.gif") no-repeat;
 background-position: center left;
 padding-left: 37px;
 padding-bottom: 4px;
 font-size: 200%;
 color: #DEA836;
}

#colonne_droite h2 {
 display: block;
 padding: 0;
 margin: 0;
 margin-top: 8px;
 margin-bottom: 8px;
 background: white;
 /*padding-left: 15px;*/
 /*padding-bottom: 7px;*/
 padding-top: 10px;
 font-size: 130%;
 color: #38405C;
}

#colonne_droite #contenu {
 display: block;
 padding-left: 15px;
 padding-right: 15px;
 text-align: justify;
}

#colonne_droite dl {
 display: block;
 padding-left: 20px;
 padding-right: 15px;
 text-align: justify;
 /*background: green;*/
}

#colonne_droite dd {
 /*background: yellow;*/
 padding-bottom: 10px;
}

#colonne_droite dt {
 /*background: red;*/
 font-size: 105%;
 /*color: #38405C;*/
 font-weight: bold;
}


#colonne_droite ol {
 display: block;
 /*background: purple;*/
 padding-left: 20px;
 padding-right: 15px;
 text-align: justify;
 font-size: 100%;
 padding-bottom: 10px;
}

/**************************************
CADRES
**************************************/


#cadre_gauche {       /* Cadre total */
 margin-left: 11px;
 margin-right: 0;
 margin-top: 15px;
 margin-bottom: 15px;
 position: relative; 
 background: #F9F9F9; 
 padding: 12px; 
 border: 1px #DFDFDF solid;
}

#cadre_gauche .hautgauche, #cadre_gauche .hautdroit, #cadre_gauche .basgauche, #cadre_gauche .basdroit { 
 height: 11px; 
 width: 11px; 
 background-repeat: no-repeat; 
 position: absolute; 
 background-color: white; 
}

#cadre_gauche .hautgauche { 
 top: -1px; 
 left: -1px; 
 background-image: url("../_images/arrondi_left_haut_menu_secondaire.gif"); 
 z-index: 0;
}

#cadre_gauche .hautdroit { 
 top: -1px; 
 right: -1px; 
 background-image: url("../_images/arrondi_droite_haut_menu_secondaire.gif"); 
 z-index: 1; 
}

#cadre_gauche .basgauche { 
 bottom: -1px; 
 left: -1px; 
 background-image: url("../_images/arrondi_left_bas_menu_secondaire.gif"); 
 z-index: 2; 
}

#cadre_gauche .basdroit {
 bottom: -1px; 
 right: -1px; 
 background-image: url("../_images/arrondi_droite_bas_menu_secondaire.gif"); 
 z-index: 3; 
}

#cadre_gauche .bordure1 {  /* Correction pour IE : Bordures Haut et Bas */
 margin: 0;
 margin-left: 11px;
 margin-right: 11px;
 position: relative; 
 padding: 12px; 
 z-index: 4;
 border: 1px #DFDFDF solid;
 border-left: 0;
 border-right: 0;
}

#cadre_gauche .bordure2 {  /* Correction pour IE : Bordures Gauche et Droite */
 margin: -2px -23px -2px -23px;
 position: relative; 
 padding: 12px; 
 border: 1px #DFDFDF solid;
 border-top: 0;
 border-bottom: 0;
}

#cadre_gauche ul {
 display: block;
 text-align: left;
 margin: -8px -22px -10px -10px;
 padding: 0;
}

#cadre_gauche ul li {
 display: block;
 background: url("../_images/puce.gif") no-repeat 0 6px;
 list-style-type: none;
 text-decoration: none;
 text-align: left;
 margin: 0 -15px 0px 3px;
 width: 80%;
 padding: 0 0 8px 9px;
}

#cadre_gauche a {
 font-size: 80%;
 margin-left: 3px;
 color: #38405C;
 font-weight: bold;
}


/*****************/


.cadre_droite {   /*Colonne de droite*/
 width: 100%;
 background: #F9F9F9;
 border: 1px #DFDFDF solid;
 color: #000000;
 font-weight: normal;
 text-align: left;
 margin: 15px 0px 15px 0px;
 padding-bottom: 5px;
}
html>body .cadre_droite {
 padding: 0;
}

.cadre_droite .hautgauche, .cadre_droite .hautdroit, .cadre_droite .basgauche, .cadre_droite .basdroit {
 display: none;
}

html>body .cadre_droite .hautgauche, html>body .cadre_droite .hautdroit, html>body .cadre_droite .basgauche, html>body .cadre_droite .basdroit {   /* propriétés communes à l'ensemble des 4 coins */
 display: block;
 background-repeat: no-repeat;
 width: 11px; height: 11px;
 font-size:1px; /* correction d'un bug IE */
}

.cadre_droite .hautgauche {
 /*float: left; */
 background: url("../_images/arrondi_left_haut_menu_secondaire.gif");
 margin-top: -1px;
 margin-left: -1px;
}

.cadre_droite .hautdroit {
 float: right;
 background: url("../_images/arrondi_droite_haut_menu_secondaire.gif");
 margin-top: -1px;
 margin-right: -1px;
}

.cadre_droite .basgauche {
 background: url("../_images/arrondi_left_bas_menu_secondaire.gif");
 margin-bottom: -1px;
 margin-left: -1px;
}

.cadre_droite .basdroit {
 float: right;
 background: url("../_images/arrondi_droite_bas_menu_secondaire.gif");
 margin-bottom: -1px;
 margin-right: -1px;
}

#colonne_droite .cadre_droite .contenu {
 margin: 0px 0 7px 7px;
 padding: 0 7px 0 7px;
 color: black;
}

#colonne_droite .cadre_droite h2 {    /* Titre */
 background: url("../_images/arrow_verset.gif") no-repeat;
 background-position: center left;
 color: #6B6B6B;
 padding-left: 15px;
 font-size: 120%;
 margin-left: 12px;
 margin-top: -5px;
 padding-bottom: 10px;
 font-weight: bold;
}


.cadre_droite a{
 font-weight: normal;
 color: #DEA836;
 margin-top: 10px;
 margin-right: 7px;
 width: 50px;
}

/**************************************
FIN CADRES
**************************************/

/**************************************
 PIEDS DE PAGE
**************************************/
#pied_page_1 ul {
 display: block;
 background: #38405C;
 margin: 0 10% 0 10%;
 padding: 1px 0 3px 0;
 text-align: center;
 color: white;
}

#pied_page_2 ul {
 display: block;
 background:  #EBBF63;
 margin: 0 10% 0 10%;
 padding: 1px 0 3px 0;
 text-align: center;
 color: #38405C;
}


#pied_page_1 ul li, #pied_page_2 ul li {
 display: inline;
 border-left: 1px solid;
 padding-left: 8px;
 padding-right: 8px;
 font-size: 80%;
}

#pied_page_1 .premier_lien, #pied_page_2 .premier_lien{
 border: 0;
}

#pied_page_1 a {
 color: white;
}

#pied_page_2 a {
 color: black;
}

#liens_thematiques {
 margin: 0 10% 0 10%;
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 95%;
 text-align: center;
}

#liens_thematiques a {
 color: #616E76;
}

/**************************************
FIN PIEDS DE PAGE
**************************************/

#fin_page {
 margin: 0;
 padding: 0;
 height: 25px;
 text-align: center;
 color: white;
}

#fin_page a {
 color: white;
 font-weight: normal;
 font-size: 80%;
}
/*
==========================================================================================================
Style du texte biblique
==========================================================================================================
*/
div.passage {
/*	background-color: #DFE7F1;*/
/*	background-color: #C5D3E5;*/
    margin-left: 7px;
		margin-right: 7px;
    text-align: justify;
    padding: 0.3em;
    color: black;
    /*border-bottom: 0.05em #7EA2D1 dotted;
    border-left: 0.05em #7EA2D1 dotted;*/
}

div.contenu {
/*	background-color: #DFE7F1;*/
/*	background-color: #C5D3E5;*/
    margin-left: 12px;
	margin-right: 12px;
    text-align: justify;
    padding: 0.3em;
    color: black;
    /*border-bottom: 0.05em #7EA2D1 dotted;
    border-left: 0.05em #7EA2D1 dotted;*/
}

.title {
    font-size: medium;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

div.book-title {
    font-size: large;
    font-weight: bold;
    padding: 5px;
}

div.book-name {
    font-size: large;
    padding: 5px;
}

div.chapter, div.section {
    padding: 1em;
}

div.chap-num {
    font-size: xx-large;
    padding-right: 0.5em;
    float: left;
}

span.verse {

}

span.verse-num {
    font-weight: bold;
    font-size: smaller;
    vertical-align: top;
    padding-right: 0.5em;
}

div.pager {
    text-align: center;
    margin: 10px 0px 1em 0px;
}

.added {
    font-style: italic;
}

div.document {
	text-align: right;
}

/* NOTE HANDLING *****************************************/

div.notes {
    font-size: smaller;
}

span.note-ref-body {
    font-size: smaller;
    vertical-align: top;
    font-style: italic;
}

span.note-ref-notes {
    font-style: italic;
    padding-left: 3px;
}

/*.tarif {
 display: block;
 margin-top: 15px;
 margin-left: 20px;
 margin-right: 15px;
 text-align: justify;
}*/
 
/*.tarif tr {
 width: 80%;
}*/

#colonne_droite table {
 display: block;
 /*background: green;*/
 margin-top: 15px;
 /*margin-left: 15px;*/
 /*margin-right: 15px;*/
 text-align: justify;
 width: 95%;
}


#colonne_droite table thead th {
 border: #38405C 1px solid;
 padding: 3px;
 text-align: center;
}

#colonne_droite table #date {
 width: 16%;
}

#colonne_droite table #ancTes {
 width: 28%;
}

#colonne_droite table #psau {
 width: 17%;
}

#colonne_droite table #prov {
 width: 17%;
}

#colonne_droite table #nouvTest {
 width: 22%;
}

form caption {
 font-weight: bold;
 font-size: 110%;
 text-align: center;
 padding-bottom: 4px;
}

span.bible {
 font-weight: bold;
 color: #38405C;

}

.commander {
	text-align: right;
	margin: 1em 0 1em 0;
}

.commander a {
 margin: 1em 0 0 0;
 color: white;
 background: #38405C;
 text-decoration: none;
 text-align: center;
 padding: 0.3em;
	border: 0.2em #38405C solid;
}

.commander a:hover {
background-color: #EBBF63;
text-decoration: none;
border: 0.2em #DEA836 inset;
color: #38405C;
}


table.formulaire caption {
 text-align: left;
 font-weight: bold;
}

table.formulaire tbody th {
/*td.tableLabel {*/
 background: white;
 text-align: right;
 width: 8em;
 font-weight: normal;
}

table.strong tbody th {
 vertical-align: top;
}

#Ref1Intro, #Ref2Intro, #Ref3Intro, #Ref4Intro {
 display: block;
}

#Ref1, #Ref2, #Ref3, #Ref4 {
 display: none;
}