html {margin: 0; padding: 0; font-family: Calibri, Cambria, "Times New Roman", Times, _serif;}
body {height: 100%;margin: 0;background: #E1CA07;}

#main {position:relative;text-align:center;}
#main h1 {color:#54534A;text-transform: uppercase;}
#main form {height:120px;color:white; font-weight:300; text-align:center;margin:0 auto;}
#main table {width:30%;text-align:center;margin:0 auto;}
#main table td {margin:0;padding:0;}
#main form input {width:100%;font-size:1.2em; margin-top:5px;}
#form_enregistrement input[name='prix'] {display:none;}
#main .bouton {width:100%;color:white;text-transform: uppercase;font-size:1.2em;padding:10px 0;margin-top:5px;background:#737269;cursor:pointer;transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
#main .bouton:hover {background:#54534A;}
#menu {display:none;position:relative;height:160px;}
#menu div {display:inline-block;position: relative;width:30%;padding:20px 0;color:white;text-transform: uppercase;font-weight:300;background:#737269;text-align:center;font-size:1.3em;margin:1%;cursor:pointer;transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
#menu div:hover {background:#54534A;}
#menu .enregistrement::after,#main .emprunt::after,#main .recherche::after {display: block;position: absolute;content: '';background-image: url(images/shadow-line.png);background-repeat: no-repeat;height: 15px;width: 100%;background-size: 100%;bottom: -15px;left: 0;}

#img-biblio {position:absolute;bottom:0;width:100%;z-index:-1;}
#img-biblio img {width:100%;opacity:0.2;}

#block_menu {width:70%;position:relative;margin: 0 auto;padding-bottom:20px;}
#block_menu .connect {display:none;position:absolute;width:100%;}
#block_menu .ajout {display:block;top: 50%; left: 50%;transform: translate(-50%, -50%);}
#block_menu .connect table, .ajout table {width:100%;text-align:center;}
#block_menu .connect h1, .ajout h1  {color:#54534A; font-weight:300; text-align:center;text-transform: uppercase;}
#block_menu .connect h2 {color:#54534A; font-weight:300; text-align:center;}
#block_menu .connect form, .ajout form {color:white; font-weight:300; text-align:center;}
#block_menu .connect form input, .ajout form input {width:60%;font-size:1.2em; margin-top:5px;}
.ajout form input {width:100%;font-size:1.2em; margin-top:5px;}
#block_menu .connect form select, .ajout form select {width:60%;font-size:1.2em; margin-top:5px;}
#block_menu .bouton {width:60%;margin:0 auto;color:white;text-transform: uppercase;font-size:1.2em;padding:10px 20px;background:#737269;cursor:pointer;transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
#block_menu .bouton:hover {background:#54534A;}
#block_menu .retour {display:block; position:relative;width:100%;min-height:50px;text-align:center;}
#block_menu .retour > table {width:100%;text-align:center;margin-bottom:5%;}
#block_menu .retour > table th {color:white;background:#737269;text-transform: uppercase;font-size:1.1em;white-space:nowrap;padding:0 8px;}
#block_menu .retour > table td {color:white;font-size:1em;background:#898880;white-space:nowrap;}
#block_menu .retour > table tr:nth-last-child(2) td {background:transparent;padding:0;} 
#block_menu .retour > table tr:last-child td {background: transparent;padding:0;} 
.memo {color:white;font-size:0.9em;font-style: italic;}
.bouton-emprunter, .bouton-modifier, .bouton-supprimer {color:white;text-transform: uppercase;font-size:1em;padding:10px 20px;background:#737269;cursor:pointer;transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
.bouton-emprunter:hover, .bouton-modifier:hover, .bouton-supprimer:hover {background:#54534A;}

[data-tip] {position:relative;}
[data-tip]:before {content:'';display:none;content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #1a1a1a;	position:absolute;top:30px;left:35px;z-index:8;font-size:0;line-height:0;width:0;height:0;}
[data-tip]:after {display:none;content:attr(data-tip);position:absolute;top:35px;left:0px;padding:5px 8px;background:#1a1a1a;color:#fff;z-index:9;font-size: 0.75em;height:18px;line-height:18px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;white-space:nowrap;word-wrap:normal;}
[data-tip]:hover:before,[data-tip]:hover:after {display:block;}

#fade-popup { display: none; background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .85;z-index: 999;}
#popup_doublon, #popup_enregistrer, #popup_entree, #popup_modifier, #popup_supprimer, #popup_emprunter, #popup_emprunt, #popup_retourEmprunteur {position:relative;}
#popup_doublon table, #popup_enregistrer table, #popup_modifier table, #popup_supprimer table, #popup_emprunter table, #popup_emprunt table, #popup_retourEmprunteur table {width:100%;text-align:center;}
#popup_doublon table th, #popup_enregistrer table th, #popup_modifier table th, #popup_supprimer table th, #popup_emprunter table th, #popup_emprunt table th, #popup_retourEmprunteur table th {color:white;background:#E1CA07;text-transform: uppercase;font-size:1.1em;padding: 3px 10px;}
#popup_doublon table td, #popup_enregistrer table td, #popup_modifier table td, #popup_supprimer table td, #popup_emprunter table td, #popup_emprunt table td, #popup_retourEmprunteur table td {color:white;font-size:1em;background:#737269;}
#popup_emprunter .identite {margin-bottom:10px;}
#popup_emprunter .identite table {width:100%;text-align:center;margin-bottom:5px;}
#popup_emprunter .identite table td {background:#E1CA07;font-size:1.1em;vertical-align: middle;}
#popup_emprunter .identite input {width:50%;font-size:1.2em;margin:5px;}
#popup_emprunter .identite select {width:50%;font-size:1.2em;margin:5px;}
#popup_emprunter .identite table tr:last-child td {font-size:1.5em;padding:5px;}
.popup_block {display: none; background: transparent;padding:2%;color:white;font-weight:300;float: left;position: fixed;top: 50%; left: 50%;z-index: 9999;}
.popup_block h1 {color:white; font-weight:300; text-align:center;text-transform: uppercase;}
.popup_block p {font-weight:300; font-size:1.2em;text-align:justify;} 
#bouton-popup {width:100%; position:relative;text-align:center;height:50px;margin-top:15px;}
.ok,.ko, .oui, .non {display:inline-block;vertical-align:middle;margin-left:5%;color:white;text-transform: uppercase;font-size:1em;padding:10px 20px;background:#E1CA07;cursor:pointer;transition: all 300ms linear;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;}
.ok:hover,.ko:hover, .oui:hover, .non:hover {background:#F7DE0B;}
.retour2, .retour_modif, .retour_emprunt {width:100%;text-align:center;}
.retour2 p, .retour_modif p, .retour_emprunt p {color:white;font-size:1.2em;text-align:center;height:20px;line-height:20px;vertical-align:middle;}

.close-popup span {margin: -35px -35px 0px 0px;float: right;color:white;font-size:3em;font-weight:300;opacity:.60;transition: opacity .50s ease-in-out;-moz-transition: opacity .50s ease-in-out;-webkit-transition: opacity .50s ease-in-out;}
.close-popup span:hover {opacity:1;}
#block_menu .retour > table tr:first-child th:last-child {background:transparent;}
.close-recherche span {cursor:pointer;color:white;font-size:2em;font-weight:300;opacity:.60;transition: opacity .50s ease-in-out;-moz-transition: opacity .50s ease-in-out;-webkit-transition: opacity .50s ease-in-out;}
.close-recherche span:hover {opacity:1;}