Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory :  /home/pragmatice/tuic38/public_html/cities-cartoon/app/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

* {box-sizing: border-box;}
body {margin-top:10px; background-color:#FCF8DA;}
button.disabled {cursor:not-allowed}
.faux_lien {text-decoration:none; color:#1670AA; cursor:pointer;}
.faux_lien:hover {text-decoration:underline;}
.modal-header img {width:32px; height:32px;}
.bandeau_haut {border-bottom:#2EA2EF 10px solid; padding-bottom:10px; margin-bottom:20px;}
.bandeau_haut .logo {float:left; width:110px;}
.bandeau_haut h1 {padding:10px 0 0 130px; font-size:50px; font-weight:bold; color:#E02026;}
.bandeau_haut h1 span {padding:0; font-size:30px; font-weight:bold; color:#FBE3DA;}

#liste_planches {background-color: #FFF;}
#liste_planches tbody tr {cursor:pointer;}
#liste_planches tbody td:first-child {color:blue; font-weight:600; font-size:110%;}


#filtre {width: 180px; float:right; margin-left:10px; background-color: #EAE9EB;}
.bt_planche_hasard {float:right; margin-left:10px; cursor:pointer;}
.bt_retour_accueil, .bt_decouvrir_monuments, .bt_infos, .bt_qrcode {float:right; margin-left:10px;}
.zone_objets > div {padding:1em;}
.zone_objets img {border:1px solid grey; border-radius: 5px;}
#modale_fin .modal-body p {font-weight: bold;}
#modale_fin .modal-body span {color: red;}
.image_monument > img {width: 256px; border:1px solid grey; border-radius: 5px; margin:auto;}
.tableau_monuments, .tableau_entrainement {background-color: #FFF;}
.tableau_monuments td, .tableau_entrainement td {vertical-align: middle;}
.tableau_monuments td:nth-child(2), .tableau_entrainement td:nth-child(1) {color: blue; font-weight: bold; cursor:pointer; font-size: 110%;}
.tableau_monuments td:nth-child(2):hover, .tableau_entrainement td:nth-child(1):hover {color:red; background-color: #F8EEAD;}
.tableau_monuments img {width:64px;}
.tableau_entrainement td:nth-child(2) {font-style: italic;}
.bd_3cases {border: 1px solid grey; border-radius: 5px;}
.ecran_monuments h2 {color:#908E94; border-bottom:5px solid #908E94; font-weight: bold; padding:0; margin:25px 0 15px 0;}

.effet_bouton {cursor:pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
.effet_bouton:hover {filter: brightness(0.8); transform: scale(0.9);}
.effet_bouton2 {cursor:pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
.effet_bouton2:hover {filter: brightness(1.1); transform: scale(1.1);}
.rotation_360 {float:right; margin-left:10px; cursor:pointer; float:right; -ms-transition: 2s; -webkit-transition: 2s; transition: 2s;}
.rotation_360:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}

.bloc_bt {width:60px; float:left; text-align: center; padding:5px; border:1px solid grey; border-radius: 10px; background-color: #50B9FA; margin:5px;}

.fond_texte {background-color: #FFF; border-radius: 10px; padding:0.5em 1em; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);}
.t_32-32 {width: 32px; height: 32px;}




/* -------------------------------------------------------- */
/* Gestion du bouton de retour en haut de page              */
/* -------------------------------------------------------- */

/* Return on top */
#returnOnTop {
    background: url('img/return_on_top.png') no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 48px;
    opacity: 0.5;
    position: fixed;
    right: 1%;
    width: 48px;
}

#returnOnTop:hover {
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}