#bloc_tot {
  background-color:#eee3df;
  width: 100%;
  height: 560px;
}
#bloc_d {
  background-color:#eee3df;
  width: 20%;
  float: left;
  height: 560px;
}
#bloc_d_1 {
  background-color:#fff6ed;
  width: 90%;
  height: 100px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border : 1px solid black;
  font-family: 'Cairo';
  font-size: 12px;
}
#bloc_d_1 h4{
display: inline; 
}
#bloc_d_1 a{
text-decoration: none;
color:black;
}
#bloc_d_2 {
  background-color:#eee3df;
  width: 90%;
  height: 150px;
  margin: 10px;
  border : 1px solid black;
}
#bloc_d_3 {
  background-color:#eee3df;
  width: 90%;
  height: 150px;
  margin: 10px;
  border : 1px solid black;
}
#bloc_d_4 {
  background-color:#fff6ed;
  width: 90%;
  height: 100px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border : 1px solid black;
  font-family: 'Cairo';
  font-size: 12px;
}
#bloc_d_4 h4{
display: inline; 
}

#bloc_c {
  background-color:#eee3df;
  width: 60%;
  float: left;
  font-family: 'Cairo';
  font-size: 12px;
}

#bloc_c_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
  width: 50%;
}
#bloc_c_img_mowadaf img{
   width: 100%;
   background-position: center center;
   background-image:url(../images/mowadaf.jpeg) no-repeat;
}
#bloc_c_txt {
padding: 15px;
border : 1px solid #7c5a44;
}
#bloc_c_txt_ {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
border : 1px solid #7c5a44;
}
#bloc_c_txt_carre {
padding: 20px;
border : 1px solid #7c5a44;
background-color: #f2ede7
}
#bloc_c_mowadaf {
width: 100%;
padding: 5px;
background-color: #fff6ed;
height: 60px;
}
#bloc_c_mowadaf1 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf2 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf3 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf4 {
width: 25%;
float:right;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf5 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf6 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf7 {
width: 25%;
float:left;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf8 {
width: 25%;
float:right;
background-color: #fff6ed;
text-align: right;
}
#bloc_c_mowadaf1 button{
  font-family: 'Cairo';
  font-size: 10px;
  background-color: #fff6ed;
}
#bloc_c_mowadaf2 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf3 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf4 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf5 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf6 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf7 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf8 button{
  font-family: 'Cairo';
  font-size: 10px;
    background-color: #fff6ed;
}
#bloc_c_mowadaf_content{
  font-family: 'Cairo';
  font-size: 10px;
  background-color: #eee3df;
  height: 500px;
}



#bloc_c_txt_carre_mowadaf button {
padding: 3px;
border : 1px solid #7c5a44;
background-color: #f2ede7;
font-family: 'Cairo';
font-size: 12px;
}
#bloc_c_txt_content {
padding: 20px;
}
#bloc_c_txt h3{
  display: inline; /* the default for span */
}



#bloc_c_def {
  background-color:#eee3df;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-family: 'Cairo';
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 12px;
}
#bloc_g {
  background-color:#eee3df;
  width: 20%;
  float: right;
  height: 560px;
}
#bloc_g_1 {
  background-color:#eee3df;
  width: 90%;
  height: 150px;
  margin: 10px;
  border : 1px solid black;
}
#bloc_g_2 {
  background-color:#eee3df;
  width: 90%;
  height: 150px;
  margin: 10px;
  border : 1px solid black;
}
#bloc_g_3 {
  background-color:#eee3df;
  width: 90%;
  height: 150px;
  margin: 10px;
  border : 1px solid black;
}
#bloc_g_4 {
  background-color:#fff6ed;
  width: 90%;
  height: 170px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border : 1px solid black;
  font-family: 'Cairo';
  font-size: 12px;
}
#bloc_g_4 h4{
display: inline; 
}
#bloc_g_4 a{
text-decoration: none;
color: black;
}
#bloc_g_5 {
  background-color:#fff6ed;
  width: 90%;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border : 1px solid black;
  font-family: 'Cairo';
  font-size: 12px;
}
#bloc_g_5 a{
  text-decoration: none;
  color: black;
}
#bloc_g_5 h4{
  display: inline; 
}


#bloc_c_modawana {
  background-color:#eee3df;
  width: 60%;
  font-family: 'Cairo';
  float:left;
  font-size: 14px;
  padding: 10px;
}

.accordion {
  background-color: #7c5a44;
  color: white;
  cursor: pointer;
  padding-right: 10px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 12px;
  transition: 0.4s;
  font-family: 'Cairo';
}

.accordion:hover {
  background-color: #f2ede7; 
  color: #7c5a44;
}
.accordion_dalil {
  background-color: white;
  color: black;
  cursor: pointer;
  padding-right: 10px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 12px;
  transition: 0.4s;
  font-family: 'Cairo';
}

.accordion_daalil:hover {
  background-color:#eee3df; 
  color: #7c5a44;
}

.panel_dalil {
  padding: 0 18px;
  display: none;
  background-color: #eee3df;
  overflow: hidden;
}
.panel {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel2 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel3 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel3 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel4 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel5 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel6 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel7 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel8 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel9 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel10 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel11 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel12 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel13 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel14 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel15 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel16 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel17 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}
.panel18 {
  padding: 0 18px;
  display: none;
  background-color: #7c5a44;
  overflow: hidden;
}



#panel_dalil, .flip_dalil {
  padding: 2px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  margin: auto;
  cursor:pointer;
}
#panel_dalil {
  display: none;
}
#panel, .flip {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel {
  display: none;
}
#panel2, .flip2 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel2 {
  display: none;
}
#panel3, .flip3 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel3 {
  display: none;
}
#panel4, .flip4 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel4 {
  display: none;
}
#panel5, .flip5 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel5 {
  display: none;
}
#panel6, .flip6 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel6 {
  display: none;
}
#panel7, .flip7 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel7 {
  display: none;
}
#panel8, .flip8 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel8 {
  display: none;
}
#panel9, .flip9 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel9 {
  display: none;
}
#panel10, .flip10 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel10 {
  display: none;
}
#panel11, .flip11 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel11 {
  display: none;
}
#panel12, .flip12 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel12 {
  display: none;
}
#panel13, .flip13 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel13 {
  display: none;
}
#panel14, .flip14 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel14 {
  display: none;
}
#panel15, .flip15 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel15 {
  display: none;
}
#panel16, .flip16 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel16 {
  display: none;
}
#panel17, .flip17 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel17 {
  display: none;
}
#panel18, .flip18 {
  padding: 25px;
  text-align: right;
  background-color: #eee3df;
  color: black;
  border: solid 1px #7c5a44;
  margin: auto;
  cursor:pointer;
  text-align: justify;
}
#panel18 {
  display: none;
}