/* CSS Document */

body{
	background-color:#bed1f4;
	
	}

  form, fieldset, legend{
	margin:0;
	padding:0;
  border: 0 ;
	}

  legend{
	display:none;
	}

	otpgroup{
	  color:#003;
	  background-color:#000;
   }
   
  input, textarea{
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
  	border: 2px solid #04234e ;
  	border-radius: 5px;
  	background-color:#e3e7ec;
 
	}
	
	/*select{
		padding:0 auto;
		height: 28px;
	}*/
  
  input{
    height: 22px;
	padding:0 auto;
    
    }
    
    [required] {
   border: 2px solid #005375;
}

  .submit{
  color: #FFF;
	width:100px;
	height:30px;
	float:left;
	margin:0 0 0 8px;
	padding:0;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
    background-color: #005375;
	}
	
	.submit_cham{
	float: right;
 	color: #FFF;
	width:100px;
	height:30px;
	float:left;
	margin:0 0 0 8px;
	padding:0;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
    background-color: Silver;
	}
	
 .cadre_form_reservation {
    display: block;
	margin: 0 auto;
    width: 900px;
    height: 900px;
    background: #75d0f2;
    border: 2px solid #e3e7ec;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align:left;
    padding: 4px;		 
  
  }
  
  #header {
	  text-align:center;
	  width:98%;
	  margin:0 auto;
	  height:100px;
	  background:#3b8eba top;
	  border-radius: 15px;
	  -moz-border-radius:15px;
	  -webkit-border-radius:15px;
	  
	  
  }
  
 #header .header_content{
	   padding-top:20px;
	   padding-left:20px;
	   width:95%;
	   font-size:36px;
	   font-family:Tahoma, Geneva, sans-serif;
	   font-weight:bolder;
	   color:#FFF;
	   text-align:center
	   
   }
   
   #header .header_content .titre{
		float:left;
		width:250px;
   }
   
   #header .header_content .search_verse{
	float:left;
	width:600px;
	margin-left:100px;
	
   }
   
   .search{
	   text-align:center;
	   padding-top:20px;
	   padding-left:10px;
	   width:840px;
	   background-color:#78b6ff;
	   height:80px;
	   margin:2px auto;
	   border-bottom-left-radius: 15px;
	   border-bottom-right-radius: 15px;
	   -moz-border-bottom-left-radius:15px;
	   -moz-border-bottom-right-radius:15px;
	   -webkit-border-bottom-left-radius:15px;
	   -webkit-border-bottom-right-radius:15px;
	   -moz-box-shadow: 3px 5px 5px #000; /* Firefox */
    -webkit-box-shadow: 3px 5px 5px #000; /* Safari and Chrome */
    box-shadow: 3px 5px 5px #000;
   }
   
   .read {
	  font-family:Verdana, Geneva, sans-serif;
	  background-color:#fff;
	  border:#666;
	  margin:0 auto;
	  padding: 30px 15px;
	  width:900px;
	  min-height: 500px;
	  border-radius: 15px;
	  -moz-border-radius:15px;
	  -webkit-border-radius:15px;
	  -moz-box-shadow: 2px 5px 5px #000; /* Firefox */
      -webkit-box-shadow: 2px 5px 5px #000; /* Safari and Chrome */
      box-shadow: 2px 5px 5px #000;
	   }
	   
	 .read .tabs{
		border-collapse:collapse;
		border:1px solid #333;
		padding:1px 1px;
		overflow:scroll;
		background-color:#ffffe1;
		margin: 0 auto;
		width:900px;
	 }
	 
	 .read a {  
	 text-decoration:none;
	 
	 }
	 tbody{
	 	border:1px solid black;
	 }
	 th	{
		border:1px solid black; 
	 }
	 
	 .bouton{
		width:35px;
		height:32px;
		vertical-align:top;
	 }
	 .bouton_part{
		width:4px;
		height:32px;
	 }
	 
	 .read .lign{
	
	border-bottom:1px solid #666;	 
	 }
	 
	 .read .livre_list{
		 width:200px;
		font-size:12px; 
		color:#572900;
		text-align:left;
		font-weight:bold;
		border-collapse:collapse;
		padding:2px 2px;
		border-right:1px solid #666;
	 }
	.read .livre_verse ul {
	 display:inline;
	 height:15px;
	 list-style-type:none;
	 line-height: 1.67em;
	  list-style-position: inside;
	 }
	 
	  li {
	display: inline;
	padding:2px 2px;
	}
	 .read .livre_verse{
		 font-size:12px;
		 text-align:left;
		 padding:2px 2px;
		 white-space:nowrap;
		 width:600px;
		 
	 }
	 
	.read .list {
		width: 850px;
	}
	
   .read h2 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	  background-color:#e1ceaa;
   }
   
   .read h3 {
	   font-size:22px;
	   font-weight:bolder;
	   padding-top:5px;
	   margin:20px auto;
  	   width:200px;
	   height:35px;
   	   text-align:center;
   	   background-color:#e1ceaa;
	   border-radius: 15px;
	  -moz-border-radius:15px;
	  -webkit-border-radius:15px;
	  -moz-box-shadow: 5px 5px 10px #372f24; /* Firefox */
      -webkit-box-shadow: 5px 5px 10px #372f24; /* Safari and Chrome */
       box-shadow: 5px 5px 10px #372f24;
      }
   
      .read .ul_chap{
		  width: 800px;
		  display: inline-block;
		  margin: 0 auto;
		  font-family: Verdana, Georgia, Constantia, Helvetica, Arial, sans-serif;
		  min-height: 70px;
		  }

     .read .ul_chap li{
		
		 display: inline-block;
		 font-family: Verdana, Georgia, Constantia, Helvetica, Arial, sans-serif;
		 margin: 0.2em 0.1em 0.2em 0.1em;
		  }

    .read .list_chap{
		line-height: 20px;
	    border: solid 1px #F89609;
		padding: 0.1em 0.1em 0.1em 0.1em;
		background: #E9F198;
		border-radius: 4px;
		
        }

   .read .list_chap:hover{
	   background: #e21225;
	   color: #F8F4F4;	   
    }

   .read .list_chap:active{
	background: #dd5246;
	color: #F8F4F4;
	
    }

   .read ul{
	width:200px;
	margin:0 auto;
   }
   
   .beige{
	background:#dff2ff;
	padding:10px 10px;
   }
   
   .txt{
	  font-size:24px;
	  font-weight:bolder;
	  color:#4d1508;
   }
   
   #player2{
	   width:200;
   }
   audio{
	width:150px;   
   }
   
/*                                                        costomisation du select                     */

.custom-dropdown--large {
    font-size: 1em;
}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: .3em; /* add some space*/
    margin: 0; /* remove default margins */
}

.custom-dropdown__select--white {
    background-color: #eff2ff;
    color: #444;    
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
        top: .5em; bottom: .5em;
        background-color: #eff2ff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}