/*pour toutes les pages pour redimensionnement*/
* {
	box-sizing: border-box;
}
/*border-box indique au navigateur de prendre en compte la bordure et le remplissage dans la valeur définie et c'est le contenu de la boîte qui sera compressé pour absorber cette largeur supplémentaire. =les encadrés sont plus petits*/
/*toutes les pages*/
body {
text-align:center;
margin: 0; padding: 0; 
background: #f9fbfc url('images/bckgcolor.png') repeat top left;
}
section, header {
display:block;
background-color:white;
}
/*langues a l'accueil*/
body#eng span#eng a  {
	border-left:0;
	border-right:0;
	border-top:0;
	padding-bottom:2px;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-image: linear-gradient(to right, #fafafa, #054ea3, #f11818) 1;
}
body#franc span#franc a {
	border-left:0;
	border-right:0;
	border-top:0;
	padding-bottom:2px;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-image: linear-gradient(to right, blue, white, red) 1;
} 
/*on enlève bande bleue soit border top a content toutes pages*/
#coloration {
	border-top:none;
}
#clr {
border-top:none;
}
.wrapper {
width:85%;
display:block;
overflow-x:hidden;
text-align:left;
position: relative; 
margin:0px auto 10px auto;
padding:0 0 10px 0;
background-color:#ffffff; 
}
/*wrapper pour pages admin*/
.wrapper2 {
width:95%;
display:block;
overflow-x:hidden;
text-align:left;
position: relative; 
margin:0px auto 10px auto;
padding:0;
background-color:#ffffff; 
}
.lang {
position:absolute; top:5px; right:10px;
z-index:10;
}
.lang a {
	text-decoration:none;
	font:normal 0.8em Verdana;
	color:#808080;
}
#img1 {
width:140px;
height:69px;
background: url('images/logopti.jpg');
background-repeat: no-repeat;
background-size: 127px 69px;
}
#img1 p {
vertical-align:bottom;
font:normal 0.9em "Lucida Console", Courier, monospace;
color:#808080;
}
/*icone maison*/
#aucun {
display:inline-block;
margin-right:15px;
}
.dropdown {
display:none;
}
.menu {
	display:none;
}
/*menu toggle*/
.dropbtn {
z-index:3;
padding: 5px 0 0 0;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
z-index:3;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown a:hover {
	background-color: #f1f1f1
}
.show {display:block;
cursor: pointer;
z-index:3;
}
#marge-gauch {
margin-left:0px;
}
.content { 
position: relative;
width:100%;
height:100%;
text-align:center;
margin: 0 auto;
padding: 10px 0 0 0;
border:none;
z-index:1;
background-color: white;
}
.footer {
display:inline-flex;
flex-direction: row;
justify-content:center;
margin:15px auto 15px auto;
}
.footer span {
display:block;
text-align:center;
margin:15px auto;
padding:5px;
}
#titre1 {
text-align:left; 
margin:5px 0 5px 10px; 
padding:5px 0 0 0;
}
#cadrage {
width:85%;
border-top:1px solid #818181;
margin:0;
padding:10px;
}
/*html elements toutes les pages*/
p { 
font: normal 1.1em Calibri, Verdana, Sans-serif;
color: #404040;   
text-align: left;
background-color:transparent;
margin:0;
padding:5px 10px 5px 10px;
}

img { border:none;
margin:0;
padding:0;
}
table { 
border-collapse: collapse;
margin: 0 0 0 10px;
padding: 0; }
th { 
font: bold 1.1em Calibri, Verdana, Sans-serif;
color: #565151;
margin: 0 0 0 10px;
padding: 20px 0 0 0;
}
td {
vertical-align:top;
border-bottom:1px solid #404040;
font: normal 1em Calibri, Verdana, Sans-serif; 
padding:5px;
margin:0;
}
caption { font: bold 1em Verdana, Geneva, Sans-serif;
color: #565151;
margin: 0;
padding: 20px 0 0 0;
}

a {
font: normal 0.8em Verdana, Geneva, Sans-serif;
margin:10px auto 15px auto;
padding:15px 5px 25px 0;
color:#545454;
text-decoration:none;
}
ul {
list-style-type:none;
list-style:none; 
margin:15px auto 15px auto; 
padding:0;
}
ul li { 
font: 0.9em Verdana, Geneva, Sans-serif; 
color: #545454;
margin: 15px 0 15px 0;
padding: 0; 
}
ol { 
list-style-position: none; 
margin: 5px 10px; 
padding: 0; 
}
ol li { font: normal 0.9em Verdana, Sans-serif;
color: #252525;
text-align: justify; 
margin: 5px 10px 0 10px; 
padding: 0; }
ol ul li { list-style-type: disc; font: 0.9em Verdana, Geneva, Sans-serif; text-align: justify; color: #000000; margin: 5px 0 5px 5px; padding: 0; }

h1 { 
font: normal 1.2em Verdana, Geneva, Sans-serif; color: #6396e6; margin: 10px auto; padding: 0;
}
h2 { text-align: left; font: normal 1.1em Verdana, Geneva, Sans-serif; color: #6396e6; margin: 10px; padding: 0;
}
h3 { text-align:left; font: 1em Verdana, Geneva, Sans-serif; color: #6396e6; margin: 10px 0 10px 10px; padding: 0;
}
q {
font: normal 1.1em Calibri, Verdana, Sans-serif; 
color: #22c5c5; 
margin: 20px 10px 10px 10px;
padding: 0;
}
cite { font: normal 1em Calibri, Verdana, Sans-serif; color: #22c5c5; margin: 10px; padding: 0;
}
sup {
vertical-align: 
super;font-size:0.9em;
color: #1a4799;
 }
/*fin toutes les pages*/
/* page index seulement*/
/*apres content*/ 
section {
display:block;
margin:0;
padding:0;
}
/* page index (articles bdd), opinion et contacts (reponses auto)*/
#bordure {
border:1px solid #7eb0ef;
margin: 10px auto;
padding:10px;
}
#bordure h2 {
	text-align: center;
}
#red {
color:red;
}
.vert {
	margin:15px 5px 0px 0px;
}
.vert h1
{
text-align:center;
}
.vert form {
	margin-left:0px;
}
.vert textarea {
	width:200px;
}
#rum {
	display:block;
	padding-right:5px;
}	
/*articles et images page index*/
.cadre1 {
display:block;
text-align:center;
margin:5px;
padding:0;
z-index:1;
}

/*cadre pour image agneau*/

.cadre1 img {
max-width:200px;
height:auto;
margin:10px auto;
padding: 10px 0;
border:1px solid #ccc;
box-shadow: 3px 1px 5px #ccc;
}

.cadre1 ul li {
text-align:left;
border:1px solid #ccc;
margin:10px auto;
padding: 10px;
max-width:200px;
}
.cadre1 h1
{
clear:both;
text-align:center;
font:normal 1.2em Verdana, Geneva, Sans-serif;
color:#204e97;
margin:15px auto;
padding:0;
border:none;
}
.cadre1 h2
{
font:normal 1em Verdana, Geneva, Sans-serif;
color: #545454;
text-align:center;
margin:10px auto 0 auto;
padding:0;
font-weight:normal;
}
.cadre1 a:hover {
text-decoration:none;
}
.cadre2 {
display:block;
}
.cadre2 a { margin:0 0 15px 0;
}

.cadre2 ul {
text-align:center;
}
.cadre2 ul li {
list-style-image: none; 
border:1px solid #ccc;
margin:10px auto;
padding: 10px;
max-width:200px;
}
.cadre2 a:hover {
text-decoration:none;
}
.cadre2 img { 
text-align:center;
width:180px;
height:auto;
margin 20px auto 15px auto;
}
.cadre2 span h1 {
text-align:center;
font:normal 1.2em Verdana, Geneva, Sans-serif;
color:#204e97;
margin:15px auto 10px auto;
padding:0;
border:none;
}
h1#fr {
background-image:none;
}
h1#en {
background-image:none;
}
/*3eme image : images page index*/
.cadre3 {
text-align:center;
display:block;
margin:50px auto 20px auto;
padding:0;
}
.cadre3 img {
width:200px;
height:auto;
}
/*page index bordure des cadres pour articles évangile et articles ponctuels*/
.brd-container {
background-color: #f1fff5;
border-radius: 2px;
margin: 30px auto 20px auto;
padding:5px;
text-align:center;
width:50%;
}
.brd {
  display: block;
  max-width: 150px;
  height: 200px;
  background-color: #ffffff;
  border: 1px solid #7ab1c3;
  border-radius: 2px;
  text-align: center;
margin: 10px auto 10px auto;
padding:10px;
}
.brd a {
color:#252525;
font-weight:normal;
text-align:justify;
margin:0;
padding:0;
}
.brd  h1 {
	text-align:center;
	font-size:1.2em;
	color:#204e97;
}
.brd p {
text-align:justify;
font-size:1.1em;
}
#clbo {clear:both;}

/*largeur des colonnes icones réseaux sociaux 250px pour tooltip sur page index*/
#largeur ul li {
display:block;
width:250px;
}
/*fin articles et images dans page index*/
/* corps pour page qui sommes nous */
.cadre1bis {
text-align: left;
margin: 10px 20px;
padding:5px;
}
.cadre1bis p {
font:1.1em Verdana, Geneva, Sans-serif;
line-height:2;
}
.cadre1bis a {
text-decoration:none;
color: #2964c1;
font:1em Verdana, Geneva, Sans-Serif;
margin: 0;
padding:0 5px;
}
/*lettrine page qui sommes-nous */
#letrin p::first-letter {
	font:2.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#c92626;
	margin:0;
	padding:0;
}
.cadre1bis a:hover {
text-decoration:none;
}

.cadre1bis h1
{
text-align:center;
font:1.2em Tahoma Verdana, Geneva, Sans-serif;
color:#808080;
margin:20px 0px 15px 0px;
padding:10px;
}
.cadre1bis h2
{
font:1.1em Tahoma Verdana, Geneva, Sans-serif;
text-align:center;
margin:20px 0 0 0;
padding:5px;
color: #808080;
font-weight:normal;
}
/*fin page qui*/


/*page points evangile*/
/*image responsive*/
#responsive {
max-width: 100%;
height: auto;
padding:0;
margin:0 auto; 
}
.cadreliste2 {
display:block;
vertical-align:top;
text-align:center;
margin:0px 5px;
padding: 0px;
background-color:white;
}
.cadreliste2 h1 {
text-align:center;
font: 1.5em Verdana, Geneva, Sans-serif;
color:#7b7d80;
margin:10x 0px;
padding:0px;
}
.cadreliste2 strong {
background-color:#a2ff8b;
font-weight:normal;
}
.cadreliste2 ul {
text-align:center;
list-style-type:none;
list-style:none;
margin: 10px auto;
padding: 0;
background:none;
}
.cadreliste2 ul li {
display:inline-block;
border:1px solid #6ace6a;
border-radius:5px;
margin:15px;
padding:25px 10px;
}
.cadreliste2 ul li:hover {
box-shadow: 0px 2px 8px #78ff78; 
}
.cadreliste2 ul ul li {
display:inline-block;
}
.cadreliste2 a {
text-decoration:none;
font:14px Verdana, Geneva, Sans-serif;
color:#2e2e2e;
margin:5px;
padding:10px;
}

#sanspad {
	padding-left:0;
}
/*fin page points evangile*/
/*page articles, entete articles et bas articles*/
.recadre {
display:block;
text-align:left;
margin:5px;
padding:5px;
}
.recadre span {
vertical-align:top;
z-index:1;
margin:0; 
padding:0;
}
.recadre span figure {
display:block;
font: normal 0.8em Verdana, Geneva, Sans-serif;
border:none;
margin:20px auto 10px auto;
padding:5px;
text-align:center;
background-color:#ffffff;
}
.recadre span img {
margin:0 auto 0 auto;
padding:0;
border:none;
}
.recadre span p {
font: normal 1em Verdana, Sans-serif;
color: #252525;
text-align: justify;
line-height: 1.2;
margin:0 5px 5px 10px;
padding:0;
}
.recadre span blockquote {
font: normal 1em Verdana, Geneva, Sans-serif;
color: #252525;
text-align: justify;
line-height: 1.2;
margin:10px 20px;
padding:10px 10px;
background-color:#eafefb;
background:linear-gradient(#eafefb, #e5f1fe);

}
.recadre span h1 {
font: normal 1.2em 'Lucida Console', Verdana, Geneva, Sans-serif;
color:#6396e6;
text-align:center;
text-transform: uppercase;
padding:0;
margin:25px 0 10px 0;
}
.recadre span h2 {
font: normal 1em 'Lucida Console', Verdana, Geneva, Sans-serif;
color:#6396e6;
text-align:center;
vertical-align: bottom;
padding:0;
margin:25px 0 10px 0;
}
.recadre span a {
color:#104d8d;
font:normal 1em Verdana, Geneva, Sans-serif;
padding: 0;
margin:0;
}
.recadre span a:hover {
text-decoration:underline #104d8d;
}
.recadre span ul {
list-style-type:none;
list-style:none;
margin:0;
padding:0;
}
.recadre span ul li {
text-align:left;
margin:0;
padding:0 0 10px 10px;
color:#204e97;
}
.recadre span ul li a {
font: 1.1em 'Lucida Console', Verdana, Sans-serif;
text-decoration:none;
color:#204e97;
margin:0 0 10px 0;
padding:0;
}
/*liens dans page articles conc. points évangile*/
#bord 
{
	display:inline-block;
	width:auto;
	text-align:center;
	border:1px solid #545454;
	border-radius:3px;
	margin:15px 20px;
	padding:15px;
	background-color:none;
	box-sizing: border-box;
}
#bord a {
	color:#000000;
	text-decoration:none;
	background-color:none;
}
#bord a:hover {
	text-decoration:none;
	Background-color:none;
}
/*bas de page de page articles et page images/*/
#retour {
color:#2c6fb6;
font-size:1em;
font-family:'Lucida Console', Calibri, Sans-Serif;
margin:25px 0px 15px 0px;
padding:0px;
}
/*surlignage ce qui est important dans articles évangile et dans lexique index-bible*/
strong {
	background-color:#e7ffea;
	font-weight:normal;
	line-height: 1.2;
	margin:0;
	padding:0;
}
/*enlève titres articles évangile sur petits écrans*/
span#part {
	display:none;
}
#brebis {
	clear: left;
	}
/*fin entete et bas de page articles*/
/*page temoignages*/
#changtaille {
	font-size:1em;
	margin-top:20px;
}
/*tooltip temoignages*/
#vsblt {
display:none;
}
/*page sommaire bible et contents en*/
/*hidden references for bible*/
.hidd1 {
font-color:#ffffff;
}
.bibel {
text-align:center;
padding:10px;
margin:0;
}
.bibel p {
text-align:center;
line-height:1.8em;
margin:5px auto;
padding:5px;
}
.bibel h1 {
text-align:center;
font:normal 1.2em Calibri, Sans-serif;
color:#1c388a;
margin:20px 0 5px 0;
padding:10px;
}
.bibel h2 {
text-align:center;
font:normal 1.1em Calibri, Verdana, Sans-serif;
color:#1c388a;
margin:10px 0 0 0;
padding:0;
}
.bibel h3 {
	text-align:center;
	font:normal 1em Calibri, Sans-serif;
	color:#1c388a;
	margin:15px 0 5px 0;
	padding:0;
}
.bibel table {
	border-collapse: collapse;
	text-align:left;
	margin:10px;
}
.bibel td {
	border:1px solid #1c388a;
	margin:10px 0;
	padding:10px;
	background-color: white;
}	
.bibel ul {
	margin:10px 0 0 0;
	padding:0;
} 
.bibel ul li { 
	display:inline-block;
	text-align:center; 
	margin:5px; 
	padding:2px;
	border:1px solid #19abab;
	border-radius:5px;
}
.bibel ul li a {
font:normal 1.1em Verdana, Sans-serif;
}
.bibel ul li:hover {
	box-shadow:0px 0px 2px 1px #96dadb;
}
.bibel ol {
margin:10px auto;
padding:10px;
}
.bibel ol li {
text-align: left; 
margin: 10px 10px;
padding: 5px;	
line-height:25px;
color:#1c388a;
}
.bibel a {
font:normal 1em Verdana, Sans-serif;
color:#1c388a;
text-decoration:none;
padding:1px;
margin:0;
}
.bibel a:hover {
text-decoration:none;
}
/*box flex pour a et b dans sommaire bible*/
.flx-ctr {
	display:flex;
	flex-direction: row;
	flex-flow: row wrap-reverse;
}
/*boxes pour a recherche mot et pour b sommaire bible*/
.a_inclu {
	display:block;
	text-align:center;
	margin:10px auto;
	padding:0;
}
.b_inclu {
display:block;
text-align:left;
margin:10px auto;
padding:5px;
border:1px solid #85b5e6; 
}
/*menu sommaire dans b_inclu*/
#sjt {
display:block;
margin:15px 0px;
padding:15px 2px;
}
#sjt:hover {
border-bottom:1px solid #d9e3ff;
}
/*bordure dans page chapitre2*/
#bli {
	display:block;
 	width: fit-content;
	border:1px solid #1c388a;
	border-radius:2px;
	color:#1c388a;
	padding: 0;
	margin:20px 0 10px 15px;
}
/*bordure pour download dans page sommaire-bible et contents of bible en*/
.sans {
	display:block;
	max-width:320px;
	margin: 10px auto;
}
.sans p {
	text-align:center;
	margin:10px auto;
	padding:10px;
	border:1px solid #2fc7d7;
}
/*page recherche form bible*/
.rch {
display:block;
text-align:center;
margin:15px auto;
padding:5px;
}
/*pour input submit des 2 recherche form*/
#nodeco {
vertical-align:middle;
font-size:12pt;
border:0;
margin:0;
padding:0;
}
#petit {
vertical-align: super;
font-size:1.1em;
width: 5px auto;
color:#1c388a;
}


/*ancre pour page index-bible*/
.ref_ancre {
	vertical-align: super;
}
.ref_ancre a {
	display:inline;
	font-weight:normal;
	color: #418f42;
	font-size:1.1em;
	}
/*page points evangile bordure appelé tribord dans  : liens dans articles*/
#tribord {
display:block;
width:auto;
text-align:center;
border:1px solid #149e9e;
margin:15px 15px 10px 10px;
padding:10px;
}
#tribord:hover {
	background-color:#8fe2e2;
	border:1px solid #8fe2e2;
}
#tribord a {
	margin:10px 0 10px 0;
	padding:5px;
	text-decoration:none;
}
#tribord a:hover {
	background-color:#8fe2e2;
}
#tribord p {
text-align:center;
}


/*page about et apropos, temoignages et qui */
#pti {
text-align:center;
margin:20px auto 30px auto;
padding:15px;
font: 0.8em Verdana, Geneva, Sans-serif;
color:#808080;
cursor:pointer;
}
#pti a:hover {
	text-decoration:underline solid #19abab;
}
/* page priere et page contacts (reponses auto)*/
#bordure {
display: block;
max-width: 250px;
height:auto;
overflow:auto;
text-align:center;
border:1px solid #7ab1c3;
margin:15px auto;
padding:5px 10px;

}
/* page contacts social networks*/
.sn-list {
	text-align:center;
}
.sn-list span
{
	display:block;
	text-align:center;
	margin:5px auto;
	padding:10px;
	}
/*grid for images in page temoignages*/
.tem-grid { 
display: block;
text-align:center;
margin: 10px 5px 40px 5px;
padding: 10px;
}
.tem-grid h1, h2 {
font: normal 1.1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
color:#545454
text-align:center;
margin:10px auto 0 auto;
padding:0;
}
/*formulaire temoignage form de page temoignages*/
.tem-grid textarea:-ms-input-placeholder {
text-align:center;
font: normal 1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
color:#545454;
opacity:1;
}
/*edge*/
.tem-grid textarea::-webkit-input-placeholder {
text-align:center;
font: normal 1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
color:#545454;
opacity:1;
}
.tem-grid textarea::placeholder {
text-align:center;
font: normal 1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
color:#545454;
opacity:1;
}
.tem-grid textarea {
	display:block;
	width:100%;
	height:auto;
	border:1px solid #19abab;
	border-radius:3px;
	text-align:center;
	font: 1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
	color:#545454;
	overflow:hidden;
	margin:0 auto 0 auto;
}
.tem-grid textarea:focus {
	outline:1px solid #19abab;
}
.tem-grid input[type=submit]  {
display:inline-block;
vertical-align:text-bottom;
border:none;
border-radius: 3px;
color:#ffffff;
background-color: #6396e6;
cursor: pointer;
margin:5px 0 0 10px;
padding:5px;
}
/*formulaire opinion de page temoignages*/
.tem-griditem1 > span {
box-sizing: content-box;
display:block;
border:1px solid #19abab;
border-radius:3px;
margin:10px;
padding:25px;
font: 1em "Palatino Linotype", "Book Antiqua", Palatino, Times New Roman, serif;
text-align:justify;
color:#545454;
}
/*image boyngirl*/
.tem-griditem2 img {
display:none;
}
#mg {
display:block;
text-align:center;
max-width:100%;
height:auto;
margin:10px auto;
}
.wdth_fld {
width:180px;
}
/*page resultats2 et chapitre2*/
#co { background-color: #dadae8;
color: #808080;
}