5260bbada0d401f0757c7ab8cefde9dd2c5a9aba
1 /* --------------------------------------------------------------
4 Disposition des blocs principaux
5 cf.: http://romy.tetue.net/structure-html-de-base
7 -------------------------------------------------------------- */
9 body
{ text-align: center
; background: #FFF url
(img/background.png); border-top: 5px solid
; }
10 .page { position: relative
; width: 900px; margin: 0 auto
; padding: 50px 1.5em; text-align: left
; }
13 .main { padding: 1.5em 0; }
14 .footer { clear: both
; padding: 1.5em 0 0; border-top: 2px solid
; }
16 .wrapper { clear: both
; float: left
; width: 70%; overflow: hidden
; }
17 .content { min-height: 350px; }
18 .aside { float: right
; width: 25%; overflow: hidden
; }
21 /* Entete et barre de navigation
22 ------------------------------------------ */
24 .header { padding-bottom: 1.5em; padding-right: 30%; border-bottom: 1px solid
; }
25 .header #logo { display: block
; margin: 0; line-height: 1; font-weight: bold
; }
28 .header #logo a:hover { background: transparent
; text-decoration: none
; color: #222; }
29 .header #slogan { margin: 0; }
31 .formulaire_menu_lang { position: absolute
; right: 0; top: .9em; display: block
; width: 30%; }
33 .nav { border: solid
#222; border-width: 1px 0; }
36 .nav ul li a { float: left
; display: block
; padding: .5em 1em; border-right: 1px solid
#222; text-decoration: none
; }
37 .nav ul li.on a { background: #EED; color: #222; font-weight: normal
; }
40 .nav ul li a:active { background: #222; color: #FFF; }
42 #formulaire_recherche { position: absolute
; top: 50px; right: 50px; border: 0; }
44 .footer .colophon { float: left
; height: 40px; width: 70%; margin: 0; }
45 .footer .generator { float: right
; }
46 .footer .generator a { padding: 0; background: none
; }
48 /* Gabarit d'impression
49 ------------------------------------------ */
53 .content { width: auto
; }
57 .footer { display: none
; }
60 /* Affichage sur petits ecrans
61 Cf.: http://www.alsacreations.com/astuce/lire/1177
62 ------------------------------------------ */
63 @media (max-width: 640px) {
65 /* passer tous les elements de largeur fixe en largeur automatique */
73 .aside { width: auto
!important
; margin: auto
!important
; padding: auto
!important
; }
75 .page { margin: 0; padding: 5%; }
77 /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
79 .aside { clear: both
; float: none
!important
; width: auto
!important
; }
80 .nav ul li a { float: none
; border: 0; }
81 #formulaire_recherche { display: none
; position: static
; text-align: center
; }
82 .arbo { display: none
; }
83 .footer .colophon { width: auto
; float: none
; }
84 .footer .generator { display: none
; }
86 /* header du calendrier full-calendar */
87 table
.fc-header td
{ display: block
; text-align: left
; }