body
{
	margin: 0 0 ;
	padding: 0 ;
	text-align: center ;
	/*background-image:url(fondSite.jpg);*/
	background-repeat: repeat-y;
	
	
}

.text10{font: 10px Verdana, sans-serif; color: #000000;  text-decoration: none;}
.text11{font: 11px Verdana, sans-serif; color: #000000;  text-decoration: none;}
.text12{font: 12px Verdana, sans-serif; color: #000000;  text-decoration: none;}
.text16_gras  {font: 16px Verdana, sans-serif; font-weight: bold; color: #000000;  text-decoration: none;}
.text12_gras  {font: 12px Verdana, sans-serif; font-weight: bold; color: #000000;  text-decoration: none;}
.textTitre{font: 16px Verdana, sans-serif; color: #000000;  text-decoration: none; font-weight:bold;}

.clsLabel{font: 12px Arial, Verdana; }
.clsLabelGras{font: 16px Arial, Verdana; }

.champ{font-size:11px;}

.clsTabTop{border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;width:390px}
.clsTabBottom{border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;width:390px}
.clsTabRightTop{border-top: 1px solid #000000; border-right: 1px solid #000000}
.clsTabRightBottom{border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #000000}
.clsTableLeftTop{border-top: 1px solid #000000; border-left: 1px solid #000000;}
.clsTableLeftRightTop{border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000}

.clsTitreSite{background-image:url(titreSite.jpg); width:875px; height:126px; background-repeat: no-repeat;}

.clsMenuHaut{background-image:url(menuHaut.jpg); width:875px; height:126px; background-repeat: no-repeat;}
.clsMenuBas{background-image:url(menuBas.jpg); width:875px; height:94px; background-repeat: no-repeat;}

.clsOrnementHG{background-image:url(ornementHG.jpg); width:134px; height:80px; background-repeat: no-repeat;}
.clsOrnementMG{background-image:url(ornementMG.jpg); width:134px; background-repeat: repeat-y; background-color:#000000;}
.clsOrnementBG{background-image:url(ornementBG.jpg); width:134px; height:80px; background-repeat: no-repeat;}


.clsOrnementHD{background-image:url(ornementHD.jpg); width:134px; height:80px; background-repeat: no-repeat;}
.clsOrnementMD{background-image:url(ornementMD.jpg); width:134px; background-repeat: repeat-y;}
.clsOrnementBD{background-image:url(ornementBD.jpg); width:134px; height:80px; background-repeat: no-repeat;}

.clsBouton{background-image:url(bouton.jpg); width:875px; height:116px; background-repeat: no-repeat;}
.clsBas{background-image:url(bas.jpg); width:875px; height:116px; background-repeat: no-repeat;}
.clsBoutonMail{background-image:url(bouton-mail.jpg); width:875px; height:116px; background-repeat: no-repeat;}


.clsFondCommentaire{width:647px;height:476px;background-image:url(commentaire/fondCommentaire.jpg);}
.clsCommentaireBorder{border:1px solid #000000;}
.clsCommentaireCadreAvis{background-image: url(cadreAvis.jpg);text-indent:10px;  background-repeat: repeat-x;  height:28px!important;font: 12px Arial ,Verdana ,  sans-serif;color:#ffffff;text-decoration:none;}
#enteteFenetreHdj{background-image: url(cadreAvis.jpg); background-repeat: repeat-x;  height:28px!important;font: 12px Arial ,Verdana ,  sans-serif;color:#000;text-decoration:none;text-align:right}
#contenuFenetreHdj{height:322px;width:650px;background-color:#fff;overflow:scroll}





.clsFenetreBarreHaut{width:500px;height:18px;background-image:url(barreHaut.jpg);}
.clsFenetreBarreCentre{width:500px;background-image:url(barreCentre.jpg);}
.clsFenetreBarreBas{width:500px;height:18px;background-image:url(barreBas.jpg);}
.clsFenetreBorder{border:1px solid #000000;}

/*
.border-md-right {
  border-right: 1px solid silver !important;
}

@media (max-width: 768px) {

  .border-md-right {
    border-right: none !important;
  }
} */

@font-face {
    font-family: 'GreatVibes-Regular';
    src: url("../font/GreatVibes-Regular.ttf") format('truetype');;

  }

  @font-face {
    font-family: 'Arvin Regular';
    src: url("../font/Arvin Regular.ttf") format('truetype');;

  }


.orientalFont {
	font-family: GreatVibes-Regular !important ;
	
	color: #8b4118 !important;
	font-size: 4em;
	text-decoration: none;
}

.rounded-font {
	font-family : Arvin Regular !important ;
	color : green !important;
}

.text-color2 {
	color : #189479 !important;
}



.navbar-brand {
	font-size : 3em !important;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}

footer {
  grid-row-start: 2;
  grid-row-end: 3;
}

.aide a {
	color : white !important;
}

.ornement {
	width : 500px;
	height : auto;
}

.conteneurHadith {
	width : 750px !important;
	text-align: left;
	margin : 0 auto;
}

@media (max-width: 650px) {

  .conteneurHadith {
    width : 95vw !important;
  }
  
  .ornement {
	width : 250px;
	height : auto;
	}

  
}

.logo {
	width : 150px;
	height : auto;
}

.inputRecherche {
	width : 400px !important;
 }
 
 .tableMentions {
 	width : 875px;
 }

@media (max-width: 650px) {

	  .logo {
		width : 100px;
		height : auto;
	}

	.brand  {
		font-size: 0.6em !important;
	}

	.inputRecherche {
		width : 250px !important;
	}
	
	.tableMentions {
	 	width : 300px;
 	}
  
}


.bg-image {
	background-image : url("../css/islamic-book-2.jpg") !important;
	background-size : 100% auto;
}


.navbar-nav .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  height: 35px;
  line-height: 35px;

}

.bg-headfooter {
	background : #69553e !important;
	width : 100%;
}

.buttonSandwich {
position  : absolute; 
top : 10px;
 right : 10px;
}

@media (max-width: 768px) {

	.buttonSandwich {
	top : 10px; 
	}
}

.imgNav {
	position :absolute; top : 80px; right : 10px;
	z-index : 1;
}

.imgNav span {
	max-width : 200px;
	font-family: GreatVibes-Regular !important ; 
	color: rgb(32, 28, 28);
	font-size: 40px;
}

@media (max-width: 1195px) {

	.imgNav {
	position :absolute; top : 40px; right : 50vw;
	transform : translateX(80px);
	z-index : 1;
	
	}

	.visibleTitle {
	display: none;
	}

}

.visibleImage {
	display: block;
}

.hiddenImage {
	display: none;
}

@media (min-width: 1195px) {

	.visibleImage {
	display: none;
	}

}


.buttonHDJ {
	background-color : #69553e;
	max-width : 300px;
	color : white;
	padding : 15px;
	margin : 25px 0px 10px 0px;
	border-radius: 45px;
}


.field-set{
  border-color: #F00;
  border: solid 1px;
  padding : 10px;
  margin-bottom : 20px;
}