@charset "utf-8";

/*
GoDieu.com
http://godieu.com
info @ godieu.com
Marque de commerce / Copyright GoDieu.com
Tous droits reserves / All Rights Reserved
*/

/* Importation du menu CSS */
@import url("menu.css");

/* Importation du Carrousel vertical CSS */
@import url("carrousel.css");

/*
* {
    margin: auto;
    padding: auto;
    box-sizing: border-box;
}
*/

/* Corps du document */
body {
	border-width: 0px;
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	color: #000000;
	/* URL de l'image */
	background: url("../images/godieu-com-fond-2x1024.webp") fixed;
	margin: auto;
	/* page centrée */
 	text-align: center;
	/* Enlignement de la Page et correction le bug de centrage IE */
}

/* Compteur */
.Compteur {
	font-size: 18px;
	background-color: lavender;
}

/* Tabulation */
#td5 td {
	font-family: Roboto, Arial, sans-serif;
	font-size: 18px;
	color: #000000;
 	text-align: justify;
	vertical-align: top;
	padding: 5px;
}

/* Lien */
a {
	text-decoration: none;
	font-family: Roboto, Arial, sans-serif;
	background: none;
}
a:link { color: #556B2F; }
a:visited { color: #6B8E23; }
a:active { color: #FFD700; }
a:hover, a:focus {
	color: #32CD32;
	background: transparent;
	text-decoration: underline overline;
}

h1 {
	font-size: 26px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
	background-color: violet;
	background-image: linear-gradient(to right, magenta, lightskyblue) ;
/*	background: linear-gradient(to left, rgb(255,0,255), rgb(135,206,250));*/
	/* Fond découpé en fonction de la forme du texte. */
	background-clip: text;
	/* Remplissage du texte transparent
	révélant le dégradé en arrière-plan. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.te { font-size: 26px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
}
.tero {
	font-size: 26px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #FF0000;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
	background-color: violet;
	background-image: linear-gradient(to right, magenta, lightskyblue) ;
/*	background: linear-gradient(to left, rgb(255,0,255), rgb(135,206,250));*/
	/* Fond découpé en fonction de la forme du texte. */
	background-clip: text;
	/* Remplissage du texte transparent
	révélant le dégradé en arrière-plan. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.t {
	font-size: 24px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
}
.tro {
	font-size: 24px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #FF0000;
}

h3 {
	font-size: 22px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
	background-color: violet;
	background-image: linear-gradient(to right, lightskyblue, magenta) ;
/*	background: linear-gradient(to left, rgb(135,206,250), rgb(255,0,255));*/
	/* Fond découpé en fonction de la forme du texte. */
	background-clip: text;
	/* Remplissage du texte transparent
	révélant le dégradé en arrière-plan. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.st {
	vfont-size: 16px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
}
.stro {
	font-size: 22px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #FF0000;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
}
.sst {
	font-size: 20px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
}
.sstro {
	font-size: 20px;
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #FF0000;
}

h5 { font-size: 18px; }
.txt { font-size: 18px; }
.txtro {
	font-size: 18px;
	color: #FF0000;
}

h6 { font-size: 17px; }
.mtxt { font-size: 17px; }
.mtxtro {
	font-size: 17px;
	color: #FF0000;
}

.stxt { font-size: 16px; }
.stxtro {
	font-size: 16px;
	color: #FF0000;
}
.stxtb {
	font-size: 16px;
	font-weight: 600;
}

.rfi {
	color: #006600;
	font-size: 11px;
	font-style: italic;
}

/*  */
.ombre {
	font-weight: bold;
	text-shadow: #A9A9A9 1px 1px 4px;
	color: #4682B4;
	background-color: violet;
	background-image: linear-gradient(to right, magenta, lightskyblue) ;
/*	background: linear-gradient(to left, rgb(135,206,250), rgb(255,0,255));*/
	/* Fond découpé en fonction de la forme du texte. */
	background-clip: text;
	/* Remplissage du texte transparent
	révélant le dégradé en arrière-plan. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Menu */
.menu {
	background-image: linear-gradient(to right, purple, magenta);
	color: white;
	font-weight: bold;
	border-radius: 5px;
	text-shadow: #A9A9A9 1px 1px 4px;
	padding: 5px;
}

/* Lignes */
hr {
	height: 1px;
	color: #9370DB;
	background-color: #9370DB; /* Firefox */
	border: 0px; /* Firefox */
/*	border-color: #D3D3D3 */
}

blockquote {
	padding: 0px 20px 0px 20px;
	font-style: normal;
	color: #000000;
}

/* Image */
/* Border: none; hidden; dotted; dashed;solid;
double; groove; ridge; inset; outset */
img.imag {
	border: 4px double #4682B4;
	background-color: #FFFFFF;
	-moz-box-shadow: 1px 1px 12px #555555;
	-webkit-box-shadow: 1px 1px 12px #555555;
	box-shadow: 1px 1px 12px #555555;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#C0C0C0,Strength=10);
	zoom: 1;
/*	filter:progid:DXImageTransform.Microsoft.shadow(Strength=5,Direction=135,Color=#808080)*/
}

/* Style initial de l'image */
img {
	/* Ajoute une transition douce au changement */
	transition: transform 0.3s ease; 
}

/* Style au survol */
img:hover {
	/* Agrandit l'image de 20 % */
	transform: scale(1.2);
/* Vous pouvez ajouter d'autres propriétés ici,
   comme un léger zoom ou une rotation */
}

/* Icône de lien externe */
.la, lb { 
	font-weight: 400;
	font-style: italic;
/*	background-color: ghostwhite; */
	text-decoration: none;
}

.la:after { 
	/* URL de l'image */
	content: url("../images/note-bleu-transparent-14x14.png");
	/* Largeur de l'image */
	width: 10px;
	/* Hauteur de l'image */
	height: 10px;
	/* Marge entre le lien et l'image */
	margin-left: 4px;
	/* Alignement verticale de l'image */
	vertical-align: baseline;
}

/* Icône de lien biblique externe */
.lb:after { 
	/* URL de l'image */
	content: url("../images/note-bleu-transparent-14x14.png");
	/* Largeur de l'image */
	width: 10px;
	/* Hauteur de l'image */
	height: 10px;
	/* Marge entre le lien et l'image */
	margin-left: 4px;
	/* Alignement verticale de l'image */
	vertical-align: baseline;
}

/* Bordure iframe */
.bordure-iframe {
	border: 3px double #BA55D3;
	padding: 10px;
}

/* iFrame */
iframe.cadre {
	border: 4px double #4682B4;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
}

/* Cadre arrondi */
.cadre { 
	border: 4px double #4682B4;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
 }

/* Cadre carré ombrée */
.bord {
	border: 4px double #4682B4;
	background-color: #FFFFFF;
	-moz-box-shadow: 1px 1px 12px #555555;
	-webkit-box-shadow: 1px 1px 12px #555555;
	box-shadow: 1px 1px 12px #555555;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#C0C0C0,Strength=10);
	zoom: 1;
}

/* Cadre rond ombrée */
.rond {
	border: 1px solid purple;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
}

/* Cadre cube ombrée */
.cube {
	border: 1px solid #4682B4;
	background-color: #FFFFFF;
	-moz-box-shadow: 1px 1px 12px #555555;
	-webkit-box-shadow: 1px 1px 12px #555555;
	box-shadow: 1px 1px 12px #555555;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#C0C0C0,Strength=10);
	zoom: 1;
}

/* Interligne */
.Interligne { line-height: 24px; }
#Interligne { line-height: 24px; }

/* Verset biblique */
#Bible dt {
	color: #808080;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: -23px;
}

q { color: #4682B4; }

em { color: #C0C0C0; /* gray */ }

cite {
	font-style: normal;
	color: #4B0082; /* indigo */
}

.note {
	/* Texte */
	/* Assure que l'after sera en ligne */
	display: inline-block;
	/* Nécessaire si vous voulez positionner l'image absolument,
	mais pas toujours nécessaire pour un after simple */
	position: relative;
	/* Couleur de fond du lien */
/*	background-color: ghostwhite; */
	/* Gras du texte du lien */
	font-weight: 400;
	/* Style du texte du lien */
	font-style: italic;
	/* Alignement du texte */
	text-align: justify;
}

.note:hover:after {
	/* Info-bulle */
	background: black;
	/* Fond de l'info-bulle - Transparent 0.8 - Opaque 1.0 */
	background: rgba(128,0,128,1.0);
	/* Coin rond de l'info-bullle */
	border-radius: 5px;
	/* Position du bas */
	bottom: 26px;
	/* Ajout de couleur à l'image */
/* 	content: attr(data-title);
	background-color: yellow;
	color: red; */
	/* Couleur du texte de l'info-bulle */
	border: 4px double white;
	color: white;
	/* Gras du texte de l'info-bulle  */
	font-weight: bold;
	/* Style du texte de l'info-bulle */
	font-style: normal;
	text-shadow: darkgray 1px 1px 4px;
	/* Indique que le contenu est le titre (data-title)
	sans l'info-bulle système  */
	content: attr(data-title);
	/* Texte de l'info-bulle à gauche */
	left: 20%;
	/* Espacement des contours du texte de l'info-bulle */
	padding: 15px;
	/* Position du texte de l'info-bulle */
	position: absolute;
	/* Position au-dessus de tout sur la page */
	z-index: 98;
	/* Largeur de l'info-bulle */
	width: 500px;
	/* Ombre sous le texte de l'info-bulle */
	-moz-box-shadow: 1px 1px 12px plum;
	-webkit-box-shadow: 1px 1px 12px plum;
	box-shadow: 1px 1px 12px plum;
	/* Ombre sous le texte de l'info-bulle pour Microsoft */
	filter:progid:DXImageTransform.Microsoft.Glow(Color=plum,Strength=10);
	zoom: 1;
}

.note:hover:before {
	/* Style de la bordure du texte de l'info-bulle */
	border: solid;
	/* Couleur de la bordure du texte de l'info-bulle */
	border-color: black transparent;
	/* Largeur de la bordure du texte de l'info-bulle */
	border-width: 6px 6px 0px 6px;
	/* Position du bas */
	bottom: 20px;
	/* Indique que le contenu est vide */
	content: "";
	/* Aligement à gauche */
	left: 50%;
	/* Position du texte de l'info-bulle */
	position: absolute;
	/* Position au-dessus de tout sur la page */
	z-index: 99;
}

.note span::after {
	/* URL de l'image */
	content: url("../images/note-violet-transparent-14x14.png");
	/* Largeur de l'image */
	width: 10px;
	/* Hauteur de l'image */
	height: 10px;
	/* Marge entre le lien et l'image */
	margin-left: 4px;
	/* Alignement verticale de l'image */
	vertical-align: baseline;
}