1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196
|
/* elements par default */
* {
margin: 0;
padding: 0;
}
a {
color: #36C;
}
a:hover {
color: #06F;
}
body {
background: #EEE url(img/bg.gif);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif; /*hauteur page*/
margin: 0;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em; /*Espace entre deux lignes dans une balise paragraphe*/
}
h1 {
font-size: 1.4em;
margin-bottom: 4px; /*Espace entre le bas de la zone de titre et le texte*/
}
code {
background: url(img/bgcode.gif);
border: 1px solid #F0F0F0;
border-left: 6px solid #39F;
color: #555;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #666;
display: block;
font: normal 1.3em "Lucida Sans Unicode",serif;
padding-left: 28px;
}
h1,h2,h3 {
color: green;
padding-top: 6px;
}
/* misc */
.clearer {
clear: both;
}
/* structure */
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
padding-bottom: 6px;
width: 767px;
}
.header {
background: url(img/Banniere.jpg) repeat-x; /*Image pour le haut de page*/
}
/* title */
.title h1 {
color: #FFF;
font: normal 3em Verdana,sans-serif;
height: 150px;
line-height: 150px;
margin-bottom: 8px;
text-align: center;
}
/* navigation */
.navigation {
margin-bottom: 4px;
}
.navigation a {
background-color: #4A91C3;
color: #FFF;
float: right;
font: bold 1.2em "Trebuchet MS",sans-serif;
padding: 8px 0;
width: 19%;
border-right: 1px solid #FFF;
text-align: center;
text-decoration: none;
}
.navigation a:hover {
background-color: #000;
color: #FFF;
}
/* main */
.main {
clear: both;
padding: 8px 18px;
}
/* Partie gauche de la page */
.sidenav h1,.sidenav ul {
padding-left: 12px; /*Marge interne de gauche ex:Saison*/
}
.sidenav {
background: #EEE;
border: 1px solid #E5E5E5;
float: left; /*Coté ou la barre de gauche se trouve sur la page*/
width: 170px; /*taille celulle ex:Administration*/
text-decoration: none;
overflow:hidden;
}
.sidenav h1 {
color: #666; /*couleur des titres ex:Saison*/
font-size: 1.3em;
height: 20px;
margin-top: 1.2em;
text-decoration: none;
}
.sidenav ul {
border-top: 1px solid #FAFAFA;
margin: 0;
padding: 0;
}
.sidenav li {
border: 1px solid #FAFAFA;
border-top: none;
list-style: none;
margin: 0;
}
.sidenav li a {
color: #777; /*couleur écriture ex:Administration*/
display: block;
font-size: 0.9em;
padding: 3px 6px 3px 14px;
text-decoration: none;
}
.sidenav li a:hover {
color: #111;
}
/* Partie droite de la page */
.content {
width: 550px; /*Taille cellue ex:Histoire de l'ASST*/
float:right;
}
.content .item {
padding: 6px 12px;
border: 1px solid #EEE;
background: #FFF;
margin-bottom: 8px;
}
.content .item2 {
padding: 12px; /*Espace entre le texte et la bordure de gauche*/
border: 1px solid #EEE; /*Largeur + couleur de la bordure de la boîte "item2"*/
background: #FFF; /*Couleur de fond de la boîte "item2"*/
margin-bottom: 19px; /*Espace entre deux boîtes "item2"*/
}
.content .descr {
color: #333;
margin-bottom: 6px;
}
.content li {
list-style: url(img/li.gif);
margin-left: 18px;
}
/* pied de page */
.footer {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-size: 1.1em;
margin: 0 auto;
text-align: center;
padding: 6px;
width: 720px;
}
.footer a {
color: #36C;
text-decoration: none;
}
.footer a:hover {
color: #06F;
text-decoration: underline;
} |
Partager