@font-face {
	font-family: 'jura';
	src: url('fonts/jura.otf');
 }
 @font-face {
	font-family: 'arabic';
	src: url('fonts/stc.ttf');
 }
 @font-face {
	font-family: 'digital';
	src: url('fonts/digital.ttf');
 }
 @media (min-width:300px) and (max-width:1150px){
	 #sidebar {
	   /* display: none;*/
		 position: relative !important;
		 margin-left: 156px;
		 height: 240px!important;
	 }
	 #sidebar #imglogo{
		 display: none;
	 }
 #connection{
display: none;
}
 }
 body{
	 font-family: 'jura','arabic',sans-serif;
	 text-align: center;
	 background-image:url(images/lib_background.png);
	 background-repeat:no-repeat;
	 background-size: 100% 100%;
	 background-position: 100%;
	 background-attachment: fixed;
 }
 #imglogo:hover{
	 transform: scale(1.1);
	 }
  #imglogo{
	 transition: all 0.6s ease-in-out;
 
	 }
 
 #center_img{
	 background: white;
	 height: 4px;
	 background: white;
	 width: 100px;
	 position: fixed;
	 text-align: center;
	 z-index: 2;
 }
 input[type='text'],input[type='password'],input[type='search']{
	 width: 500px;
	 font-size: 14px;
	 transition: all 0.2s ease-in-out;
 }
 input[type='text']:focus,input[type='search']:focus,input[type='number']:focus,select:hover,input[type='password']:focus{
	 background: #d4ffc9;
	 transform: scale(1.02);
 }
 
 input[type='number']{
	 width: 200px;
	 margin-right: 10px;
	 transition: all 0.2s ease-in-out;
 }
 select,input[type='submit']{
	 cursor: pointer;
	 width: 221px;
	 transition: all 0.2s ease-in-out;
 }
 #search_bar,input[type='submit']{
	 text-shadow: 1px 1px 0 darkgrey;
	 font-size: 14px;
 }
 input, input[type='submit'],input[type='search'],select{
	 font-family: 'jura','arabic',sans-serif;
	 border-radius: 5px;
	 height: 25px;
	 padding-left: 10px;
	 padding-right: 10px;
	 box-shadow: 1px 1px 2px darkgrey;
	 margin-bottom: 10px;
 }
 table {
	 width: 100%;
	 background: white;
	 padding: 7px;
	 border-radius: 15px;
	 font-size: 13px;
 }
 
 th, td {
	 text-align: left;
	 padding: 8px;
 }
 tr:nth-child(even){
	 background-color: #f2f2f2
 }
 th {
	 background: #bfd255;
	 background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); 
	 background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); 
	 background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); 
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
	 color: white;
	 cursor: default;
	 text-shadow: 1px 1px 0.5px black;
	 box-shadow: 1px 1px 2px black;
 }
 tr{
	 transition: all 0.2s ease-in-out;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
 }
 tr:hover  td:not(:first-child) {
	 background-color: #91D4FF;
	 cursor: pointer;
	 transform: scale(1.01);
	 box-shadow: 1px 1px 2px black;
	 text-shadow: 1px 1px 0 lightgrey;
 }
 tr:first-child:hover{
	 transform: scale(1);
	 font-weight: none;
 }
 tr td:nth-child(2){
	 width: 850px;
 }
 tr td:nth-child(5){
	 width: 50px;
	 text-align: center;
 }
 tr td:nth-child(6){
	 width: 70px;
	 min-width: 70px;
	 text-align: center;
 }
 .paging{
	 text-align: center;
	 background: rgba(191, 255, 208, 0.5);
	 margin-top: 6px;
	 padding: 5px;
	 box-shadow: 0px 5px 3px black;
 }
 .paging a{
	 transition: all 0.2s ease-in-out;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 text-decoration: underline;
 }
 .paging a:visited{
   color: blue;
 }
 .paging a:hover{
	 font-size: 19px;
 }
 #adv_search,#adv_search_ar{
	 cursor: pointer;
	 background: #69bd00;
	 box-shadow: 1px 1px 2px black;
	 margin-right: 30px;
	 padding: 5px 15px 5px 15px;
	 border-radius: 5px;
 }
 #adv_search:hover{
	 box-shadow: none;
 }
 #search_bar{
	 margin-top: -115px;
 }
 #icons{
	 vertical-align: middle;
	 padding-right: 10px
 }
 #sidebar{
	 background: -moz-linear-gradient(top,  rgba(69,209,0,1) 0%, rgba(122,209,79,0.57) 80%, rgba(124,188,10,0) 100%);
	 background: -webkit-linear-gradient(top,  rgba(69,209,0,1) 0%,rgba(122,209,79,0.57) 80%,rgba(124,188,10,0) 100%);
	 background: linear-gradient(to bottom,  rgba(69,209,0,1) 0%,rgba(122,209,79,0.57) 80%,rgba(124,188,10,0) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45d100', endColorstr='#007cbc0a',GradientType=0 );
	 width: 231px;
	 height: 397px;
	 position: absolute;
	 padding: 6px;
	 text-shadow: 1px 1px 0 black;
	 color: white;
	 border-radius:  120px 120px 2px 2px;
	 border-left: 4px dashed black;
	 border-right: 4px dashed black;
	 left: 10px;
 }
 #subsidebar{
	 text-align: left;
	 padding-left: 38px;
	 padding-top: 7px;
	 padding-bottom: 8px;
	 font-size: 14px;
	 background: -moz-linear-gradient(left,  rgba(40,52,59,0) 0%, rgba(51,63,70,1) 8%, rgba(130,140,149,0.96) 64%, rgba(160,169,179,0.95) 85%, rgba(181,189,200,0.23) 100%); 
	 background: -webkit-linear-gradient(left,  rgba(40,52,59,0) 0%,rgba(51,63,70,1) 8%,rgba(130,140,149,0.96) 64%,rgba(160,169,179,0.95) 85%,rgba(181,189,200,0.23) 100%); 
	 background: linear-gradient(to right,  rgba(40,52,59,0) 0%,rgba(51,63,70,1) 8%,rgba(130,140,149,0.96) 64%,rgba(160,169,179,0.95) 85%,rgba(181,189,200,0.23) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0028343b', endColorstr='#3bb5bdc8',GradientType=1 );
 }
 #sidebar .sd, #sidebar ul{
	 cursor: pointer;
	 text-shadow: 0px 1px 0px white;
	 color: black;
	 background: rgb(242,246,248);
	 background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	 background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	 background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	 text-align: left;
	 padding: 5px;
	 border-radius: 4px;
	 box-shadow: 4px -3px 2px #0d3900;
	 width: 187px;
 }
 .center-div
 {
	   margin: 0 auto;
	   width: 580px;
	   height: auto;
	   background-color: #ccc;
	   border-radius: 3px;
	   padding: 30px;
	 border: 1px double #0f7100;
	 border-radius: 15px;
	 background: -moz-linear-gradient(-45deg, rgba(226,226,226,0.7) 0%, rgba(219,219,219,0.66) 50%, rgba(209,209,209,0.66) 51%, rgba(254,254,254,0.61) 100%);
	 background: -webkit-linear-gradient(-45deg, rgba(226,226,226,0.7) 0%,rgba(219,219,219,0.66) 50%,rgba(209,209,209,0.66) 51%,rgba(254,254,254,0.61) 100%);
	 background: linear-gradient(135deg, rgba(226,226,226,0.7) 0%,rgba(219,219,219,0.66) 50%,rgba(209,209,209,0.66) 51%,rgba(254,254,254,0.61) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e2e2e2', endColorstr='#9cfefefe',GradientType=1 );
	 box-shadow: 0px 0px 10px black;
 
 }
 #key{
	 background: lightgrey;
	 border: 1px solid black;
	 border-radius: 4px;
	 color: black;
	 padding: 2px 5px 2px 4px;
	 box-shadow: 1px 1px 1px black;
 }
 #lng{
	 border: 1px solid black;
	 padding: 4px;
	 background: lightgrey;
	 border-radius: 4px;
	 cursor: pointer;
 }
 #footer{
	 direction: ltr;
	 background: grey;
	 width: 100%;
	 margin-top: 100px;
	 color: white;
	 text-shadow: 1px 1px 0px black;
	 background-image:url(images/footer.jpg);
	 background-repeat:no-repeat;
	 background-size: 100% 100%;
	 border-radius: 20px 20px 0px 0px;
	 font-size: 14px;
	 padding: 15px 0px 30px 0px;
 }
 #slideshow {
		width: auto;
		padding: 10px 10px 10px 0px;
		overflow: hidden;
		border: 3px dashed red;
		background: #e2e2e2;
	 background: -moz-linear-gradient(45deg,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	 background: -webkit-linear-gradient(45deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	 background: linear-gradient(45deg,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );
 
		font-size: 18px;
	   border-radius: 5px;
	 box-shadow: 0px 0px 6px black;
	 margin: 15px 5px 30px 70px;
	 border-left: none;
	 text-shadow: 0px 1px 0px white;
 }
 #actua{
	 background: #f3c5bd;
	 background: -moz-linear-gradient(45deg,  #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
	 background: -webkit-linear-gradient(45deg,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);
	 background: linear-gradient(45deg,  #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=1 );
 
	 float: left;
	 color: white;
	 text-shadow: 2px 1px 0px black;
	 padding: 31px 10px;
	 margin: 0px 0px 0px -5px;
	 border: 3px dashed #b5a8a8;
	 border-radius: 15px 0px 10px 15px;
	 border-right: none;	
	 box-shadow: 10px 0px 3px black;
	 font-weight: bold;
	 font-size: 19px;
 }
 table { page-break-inside:auto }
 tr    { page-break-inside:avoid; page-break-after:auto }
 thead { display:table-header-group }
 tfoot { display:table-footer-group }
 #suggestions,#reglement{
	 position: absolute;
	 width: 600px;
	 border-radius: 10px;
	 z-index: 2;
	 box-shadow: 7px 7px 3px;
	 padding: 10px;
	 margin-left: -20px;
	 border: 1px solid;
 
	 }
 #suggestions{
	 background: rgb(255,183,107);
	 background: -moz-linear-gradient(top, rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%);
	 background: -webkit-linear-gradient(top, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%);
	 background: linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
 }
 #reglement{
	 background: #ffffff;
	 background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	 background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	 background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
 }
 #type{
	 max-width : 150px;
 min-width : 150px;
	 width: 150px;
 }
 #ajouter_le {
	 max-width : 77px;
 min-width : 77px;
	 width: 77px;
 }
 #Auteur{
	 max-width : 220px;
 min-width : 220px;
	 width: 220px;
 }