Server : Apache System : Linux webd348.cluster026.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64 User : hednacluml ( 122243) PHP Version : 8.3.9 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Directory : /home/hednacluml/kemet/plugins/japibas/css/ |
/* -------------------------------------------------------------- layout.css Disposition des blocs principaux cf.: http://romy.tetue.net/structure-html-de-base -------------------------------------------------------------- */ img { border:none } body { text-align: center; background: #111; } table { background: #101; } .page { position: relative; margin: 0 auto; padding: 0; text-align: left; } .header { } .main { padding: 1.2em 0 } .footer { clear: both; margin-bottom: 50px; } .wrapper { clear: both; float: left; width: 65%; overflow: hidden; } .portfolio { display: block; background: #112; } .content { min-height: 350px } /* Entete et barre de navigation ------------------------------------------ */ .header { padding-top: 1.5em } .formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; } /* Gabarit d'impression ------------------------------------------ */ @media print { .page, .wrapper, .content { width: auto } .nav, .arbo, .aside, .footer { display: none } } /* Affichage sur petits ecrans Cf.: http://www.alsacreations.com/astuce/lire/1177 ------------------------------------------ */ @media (max-width: 640px) { /* passer tous les elements de largeur fixe en largeur automatique */ body, .page, .header, .main, .footer, .wrapper, .content, .aside { width: auto !important; margin: auto !important; padding: auto !important; } .page { margin: 0; padding: 0; } /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */ .content, .aside { clear: both; float: none !important; width: auto !important; } #formulaire_recherche { display: none; position: static; text-align: center; } .arbo { display: none } .footer .colophon { width: auto; float: none; } .footer .generator { display: none } } .pied { min-width: 20px; max-width: 1260px; width: 98%; clear: both; text-align: left; margin: 0 auto 50px auto; overflow: hidden; } .footer .colophon { float: left; margin: 0; } .footer .pied_gauche { width: 31.35%; float: left; } .footer .pied_centre { width: 31.35%; float: left; margin-left: 3%; } .footer .pied_droite { width: 31.35%; float: right; } .bloc_contenu { padding: 2px; background: #202; overflow: hidden; -moz-box-shadow: inset 0 0 4px 4px #010101; -webkit-box-shadow: inset 0 0 4px 4px #010101; box-shadow: inset 0 0 4px 4px #010101; border: solid 1px #FEFEFE; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .bloc_contenu ul,.portfolio ul { border: none; padding: 1px; margin-bottom: 1px; } div p, div strong, div p strong { color : #EEF ; font: Verdana; font-weight:12pt } div p a, div strong a, div p strong a { color : #AAF ; font: Verdana; font-weight:12pt; text-decoration:none } .entete div p { font-weight:13pt } /* Menu */ .menu { float: left } .menu ul { padding: 0px 2px 0px 2px; overflow: hidden; background: #003; color: #EFF; width: 180pt } .menu ul img { height:24pt; border : none } .menu ul a { color : #AAF ; font: Verdana; font-weight:10pt; text-decoration:none } .menu ul h2, .entete { color : #EEF ; font: Verdana; font-weight:15pt } .slogan_site { color: #ECECEC; display: inline; font-style: italic; } .classement { list-style-type: decimal; margin-left: 1.7em; line-height: 1.25em; } .sans_serif_moyen { font-family: Arial } .introduction { margin-bottom: 5%; line-height: 1.6; } .introduction2 { margin-bottom: 3%; line-height: 1.6; } .icone_agrandir { width: 84%; height: auto; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); } .icone_agrandir:hover { width: 84%; height: auto; opacity: 0.8; -moz-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); } .bloc_logo_site { float: left } .bloc_logo_ent { position: relative; float: right; margin: 0 0 2% 3%; padding: 0; width: 35%; height: auto; } .logo_site { margin: 0; padding: 0; border: 0; vertical-align: middle; } #remonter { position: fixed; bottom: 5%; right: 3%; cursor: pointer; display: none; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30); } #remonter:hover { position: fixed; bottom: 5%; right: 3%; cursor: pointer; display: none; opacity: 0.7; -moz-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); } .image_opacity { opacity: 0.7; -moz-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); } .image_opacity:hover { opacity: 1; -moz-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); } @media (max-width: 3000px) { .ajustable { width: 500px !important; height: auto; border: 0; } } @media (max-width: 800px) { body { font: 0.9em/1.5em Arial } .classement { list-style-type: decimal; margin-left: 0.4em; padding-left: 0; line-height: 1.25em; } .logo_site { margin: 0; float: left; width: 160px; height: auto; } .bloc_logo_site { float: none; margin: 0 auto; } } .menu_select { display: inline; float: right; width: 36%; } #nav-container { display: none } #remonter, #remonter:hover { display: none } } /* end */