/*FORMULAIRE TITRE*/
.formulaire_titre {
 width: 98%; 
  max-width: 730px;
  margin-left: auto; 
  margin-right: auto; 
  background-color: #BA9260; 
      
   border-top:#795E35 1px solid;
   border-right:#795E35 1px solid;
   border-left:#795E35 1px solid;
   border-bottom:#795E35 2px solid;
  
  padding-top:3px;
  margin-bottom:5px;

   -moz-border-radius:10px;
   -webkit-border-radius:10px; 
   border-radius:10px; 

   box-shadow:0px 0px 3px #000000; 
   -moz-box-shadow:1px 1px 3px #000000; 
   -webkit-box-shadow:1px 1px 1px #000000; 

height: 343px;
overflow-y: auto;
}

.formulaire_titre::-webkit-scrollbar {
  width: 8px;
  background-color: #FFDECE;
}

.formulaire_titre::-webkit-scrollbar-thumb {
  background-color: #8b4513;
}

/*Formulaire Titre*/
/*Div principal*/ 
.form_titre_glob {
width:98%; 
margin-left:5px;
display: flex;
flex-wrap: wrap;
padding-top:13px;
}

.div_textarea_segment_titre {
display: flex;
flex-direction: column;
width:100%; 
align-items: center;
text-align: center;
margin-bottom: 9px;
}

.div_textarea_titre {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
  margin-bottom: 13px;
  margin-left:5px;
}

.div_responsive_button_titre {
width:100%; 
text-align: center;
margin-bottom:-8px;
}

/*Bouton Submit Titre "Envoyer votre concordance..."*/
.responsive_button_titre {
  width:300px; 
  display: inline-block;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #8b4513;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: normal;
 }

.responsive_button_titre:hover {
  background-color: #a0522d;
}

.responsive_button_titre:focus {
  outline: none;
}

.responsive_button_titre:active {
  background-color: #6b3010;
}


/*CONTENU CONCORDANCE TITRE*/
.div_overflow_titre {
max-height: 300px;
overflow-y: auto;
margin-right:5px;
}

/* Style de la barre de défilement */
.div_overflow_titre::-webkit-scrollbar {
  width: 8px;
  background-color: #FFDECE;
}

/* Style du "pouce" de l'ascenseur */
.div_overflow_titre::-webkit-scrollbar-thumb {
  background-color: #8b4513;
}

#Tbl_titre{
position: relative;
width: 100%; 
margin-left: auto; 
margin-right: auto; 
/*margin-top:5px;*/
background-color:#000000;
padding:3px 0px 3px 0px;
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}

#IDtdTitre{
/*padding:10px 0px 5px 10px;*/
background-color:#1E1E1E;border-radius:6px;border:2px solid #000000;
display: flex;
align-items: center;
justify-content: center;
/*height: 100vh;  Ajustez en fonction de vos besoins */
text-align: center;
}

#IDtdTitreLink{padding-top:4px;padding-bottom:5px;height:40px;background-color:#1E1E1E;border:2px solid #000000;}

/*LIENS TITRES SOURATE*/
a.lienTitre:link{color:#FFFFFF;text-decoration:underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height:20pt;}
a.lienTitre:hover{color:#F5F5DC;text-decoration:underline;font-weight:bold; font-size:10pt; font-family:verdana; line-height:20pt;}
a.lienTitre:visited{color:#FFFFFF;text-decoration: underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height:20pt;}
/*
a.lienTitre:active{color:#FFFFFF;text-decoration: underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height:20pt;}
*/
a.masquerTitre:link{color:#FFFFFF;text-decoration:underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height: 20pt;}
a.masquerTitre:hover{color:#F5F5DC;text-decoration:underline;font-weight:bold; font-size:10pt; font-family:verdana; line-height:20pt;}
a.masquerTitre:visited{color:#FFFFFF;text-decoration: underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height:20pt;}
a.masquerTitre:active{color:#FFFFFF;text-decoration: underline;font-weight:bold;font-size:10pt;font-family:verdana;line-height:20pt;}

/*TABLE CONCORDANCE TITRE*/ 
#tableConcordanceTitre{padding-bottom:3px;padding-top:3px;background-color:#D6C7B5;border-radius:3px;}
#tableConcordanceTitreFonce{margin:3px 0px 4px 5px;padding-bottom:3px;padding-top:3px;background-color:#CDB08D;border-radius:3px;}
.concordanceSourceTitre{margin-top:15px;padding-left:5px;color:#000000;font-size:10pt;font-family:sans-serif;font-weight:700;}
.concordanceRefTitre{color:#000000;font-size:10pt;font-family:sans-serif;font-weight:700;line-height:18pt;padding-left:3px;padding-right:3px;}
.concordanceContenuTitre{font-size:9pt;font-family:verdana;font-style:italic;padding-left:15px;line-height:16px;text-align:justify;padding-right:15px;}
.concordanceCommentairesTitre{color:#003162;font-size:9pt;font-family:sans-serif;line-height:13pt;padding-left:15px;padding-top:5px;}

/*TABLE IMG FLECHES DE DIRECTION*/
#tblDirection{
margin:2px -30px 2px 0px;
}

/*TXT ARABE*/
.bt_ARB
{
display: inline-block;
    padding: 4px 8px 4px;
    margin-top:1px;
	margin-right: -6px;
    margin-bottom: 1px;
	border-radius: 3px;
    font-size: 11px;
    font-family:sans-serif;
    text-decoration: none;
    color: #feffff;
   	background: -webkit-linear-gradient(top, #00C144, #00AC3E);
	}

.bt_ARB:hover {
    background: #3DA722;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3DA722), to(#53C437));
    background: -moz-linear-gradient(0% 0% 270deg,#3DA722, #348CED);
}

#IDtblARB{margin-left:2px;margin-right:10px;}
.versionARB{font-size:20pt;font-family:verdana;padding:5px 7px 5px 7px;background-color:#BBE79D;line-height:20pt;text-align:right;border-radius:10px;color:#2C2C2C;}
.verdanaNumVersetARB{margin-left:5px; font-size:10pt;font-family:verdana;font-weight:bold;line-height:10pt;vertical-align:middle;text-align:center;background-color:#ADD890;}

/*Index Coran*/
.verdanaNumVerset{font-size:10pt;font-family:verdana;line-height:10pt;font-weight:bold;padding-left:3px;padding-top:3px;}
.sans-serifContenuVerset{color:#2C2C2C;font-size:11pt;font-family:sans-serif;line-height:16pt;padding-left:4px;padding-right:10px;text-align:justify;}

a.lire:link{color:#007BB7;text-decoration:underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}
a.lire:hover{color:#000000;text-decoration:underline;font-weight:bold; font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}
a.lire:visited{color:#0078B3;text-decoration:underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}
a.lire:active{color:#007BB7;text-decoration:underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}

a.masquer:link{color:#007BB7;text-decoration:underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height: 20pt;margin-left:0px;}
a.masquer:hover{color:#000000;text-decoration:underline;font-weight:bold; font-size:8pt; font-family:verdana; line-height:20pt;margin-left:0px;}
a.masquer:visited{color:#0078B3;text-decoration: underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}
a.masquer:active{color:#007BB7;text-decoration: underline;font-weight:bold;font-size:8pt;font-family:verdana;line-height:20pt;margin-left:0px;}

/*Bleu forme*/
#bleu_forme
{
margin-bottom:10px;
}
              /*************FORMULAIRE PARTICIPER AVEC IFRAME VERSET****************/
.iframe-container {
    /*width: 100%;  Utilisez 100% de la largeur disponible */
    max-width: 680px; /* Limite la largeur maximale à 700 pixels */
    height: 330px; /* ajustez la hauteur selon vos besoins */
    overflow-y : auto; /* affiche les barres de défilement uniquement si nécessaire */
  overflow-x: hidden;
  
  padding-top:5px;
  padding-bottom:10px;
  margin-top:3px;
  margin-left:2px;
  margin-bottom:8px;
  border: none; /* Supprime la bordure de l'IFrame */

   -moz-border-radius:10px;
   -webkit-border-radius:10px; 
   border-radius:10px; 
  
 box-shadow: -1px 0px 1px 0px #006699, 0px 1px 1px 0px #006699;
-moz-box-shadow: -1px 0px 1px 0px #006699, 0px 1px 1px 0px #006699;
-webkit-box-shadow: -1px 0px 1px 0px #006699, 0px 1px 1px 0px #006699;
 }

.iframe-container::-webkit-scrollbar {
  width: 8px;
  background-color: #D4ECF7;
}

.iframe-container::-webkit-scrollbar-thumb {
  background-color: #006699;
}

  /* Utilisez une media query pour ajuster la largeur à 700px et en-dessous */
  @media (max-width: 700px) {
    .iframe-container {
     width: 340px;  /*Utilisez 100% de la largeur disponible */
      max-width: none; /* Supprimez la limite de largeur maximale */
      height: 560px; 
	}
  }

             /**************** Fin du Formulaire participer verset **************/
           /*************FORMULAIRE PARTICIPER TITRE AVEC IFRAME****************/
.iframe-container_titre {
 /*width: 98%;*/ 
  width: 720px; 
  height: 330px; 
  background-color: #BA9260; 
  overflow-y : auto; 
  overflow-x: hidden;   
   
   border-top:#795E35 1px solid;
   border-right:#795E35 1px solid;
   border-left:#795E35 1px solid;
   border-bottom:#795E35 2px solid;
  
  padding-top:5px;
  padding-bottom:10px;
  margin-top:3px;
  margin-left:2px;
  margin-bottom:8px;
  border: none; /* Supprime la bordure de l'IFrame */

   -moz-border-radius:10px;
   -webkit-border-radius:10px; 
   border-radius:10px; 
   box-shadow:0px 0px 3px #000000; 
   -moz-box-shadow:1px 1px 3px #000000; 
   -webkit-box-shadow:1px 1px 1px #000000; 
}

.iframe-container_titre::-webkit-scrollbar {
  width: 8px;
  background-color: #FFDECE;
}

.iframe-container_titre::-webkit-scrollbar-thumb {
  background-color: #8b4513;
}

  /* Utilisez une media query pour ajuster la largeur à 700px et en-dessous */
  @media (max-width: 700px) {
    .iframe-container_titre {
      width: 340px; /* Utilisez 100% de la largeur disponible */
      max-width: none;
      height: 570px; 
	}
  }

   /**************** Fin du Formulaire participer Titre**************/

/*Div principal*/ 
.form_participer_glob {
width:100%; 
margin-left:5px;
display: flex;
flex-wrap: wrap;
padding-top:13px;
}

.div_textarea_segment_participer {
display: flex;
flex-direction: column;
width:100%; 
align-items: center;
text-align: center;
margin-bottom: 9px;
}

.div_textarea_participer {
  display: flex;
  flex-direction: column;
  margin-right: 2px;
  margin-bottom: 13px;
  margin-left:2px;
}

.div_responsive_button_participer {
width:100%; 
text-align: center;
/*margin-bottom:-50px;*/
}

/*Bouton Submit Participer "Envoyer votre concordance..."*/
.responsive_button_participer {
  width:300px; 
  display: inline-block;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  background-color: #006699;;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: normal;
  }

.responsive_button_participer:hover {
  background-color: #005580;
}

.responsive_button_participer:focus {
  outline: none;
}

.responsive_button_participer:active {
  background-color: #005580;
}

                     /*******Fenêtre concordances********/ 

/*Div concordances*/ 
.div_overflow_concordance {
max-height: 280px;
overflow-y: auto;
overflow-x: hidden;
/*margin-right:5px;*/
}

/* Style de la barre de défilement */
.div_overflow_concordance::-webkit-scrollbar {
  width: 4px;
  background-color: #BFDFFF;
}

/* Style du "pouce" de l'ascenseur */
.div_overflow_concordance::-webkit-scrollbar-thumb {
  background-color: #778899;
}
/*Aspect fond cadre bleu concordance: une fois clair une fois fonncé*/
#tableConcordance{margin-left:5px;padding-bottom:7px;background-color:#D4ECF7;border-radius:3px;}
#tableConcordanceFonce{margin-left:5px;padding-bottom:7px;background-color:#BDDDEC;border-radius:3px;}

.style_txt_segment
{
  font-weight: bold; /* Applique le style gras */
  font-size: 15px; /* Définit la taille de police à 15 pixels */
  color: #FFFFFF;
  /* text-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);*/
}

#concordanceElement
{
    width: 100%;
	padding: 10px;
    margin-top:0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 14px;
    font-weight: bold;
	font-family:sans-serif;
    text-decoration:none;
    text-align:center;
	background: rgba(243,214,23, .9);
    color:#1D1A08;
   	background: -webkit-linear-gradient(top, #FFE41B,  #F0D402);
	}

.concordanceSource{color:#2C2C2C;font-size:9pt;font-family:sans-serif;font-weight:700;padding-bottom:2px;padding-left:5px;}
.concordanceRef{color:#98110E;font-size:8pt;font-family:sans-serif;font-weight:700;line-height:13pt;padding-left:8px;padding-right:5px;padding-top:1px;padding-bottom:2px;}
.concordanceContenu{color:#000000;font-size:10pt;font-family:verdana;line-height:16px;text-align:justify;padding-left:35px;padding-top:3px;padding-right:30px;}
.concordanceCommentaires{color:#003052;font-size:9pt;font-family:sans-serif;line-height:14pt;padding-left:8px;padding-top:10px;padding-right:10px;text-align:justify;}

#tblNotes
{
margin-top:7px;
margin-bottom:5px;
margin-left:4px;
}

#tdNotes
{
font-family:arial;
font-size:10px;
color:#8B8494;
text-align:left;
padding-left:2px;
}

#tdCommentaire {
 border: 1px solid rgba(139,132,148, .3);
 background:rgba(255,255,255, .4);
 border-radius:6px;
 padding-bottom:7px;
}

/*IFRAME*/
#IDparticiper {
   border-top:#CAEEFF 1px solid;
   border-right:#CAEEFF 1px solid;
   border-left:#CAEEFF 1px solid;
   border-bottom:#CAEEFF 2px solid;
  
   margin-top:10px;
   margin-bottom:20px;
   margin-left:0px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px; 
   border-radius:10px; 

   box-shadow:0px 0px 3px #000000; 
   -moz-box-shadow:1px 1px 3px #000000; 
   -webkit-box-shadow:1px 1px 1px #000000; 
   } 

/*PAGE / NMBRE DE PAGES */ 
.pageSitu{
color: #000000;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:25pt;
padding-left:8px;
}

.pageSituAvec{
color: #0072A8;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:20pt;
padding-left:7px;
}
.pageSituSans{
color: #003300;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:20pt;
padding-left:7px;
}

/*FORMAT CSS LINK PAGINATION*/

#DivpaginationInclude
{
text-align:center;
}

/*PAGE / NMBRE DE PAGES */ 
.pageSitu{
color: #000000;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:25pt;
padding-left:8px;
}

.pageSituAvec{
color: #0072A8;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:20pt;
padding-left:7px;
}
.pageSituSans{
color: #003300;
font-size:10pt;
font-family:sans-serif;
font-weight:700;
line-height:20pt;
padding-left:7px;
}

/*FORMAT CSS LINK PAGINATION*/

/*Contrôle le bas de la page*/
#DivpaginationInclude
{
text-align:center;
padding-top:5px;
padding-bottom:20px;
}

.pagination
{
display: inline-block;
    padding: 4px 8px 4px;
    margin-right: -1px;
    margin-bottom: 5px;
	border-radius: 3px;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: 12px;
    font-family:verdana;
    text-decoration: none;
    color: #717171;
    background: #004F75;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
   	background: -webkit-linear-gradient(top, #136CCE,  #0D488C);
	}


.pagination:hover {
    background: #136CCE;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#136CCE), to(#05213F));
    background: -moz-linear-gradient(0% 0% 270deg,#136CCE, #05213F);
}