crabs_cms-1.0.4 ©2006-2008 - Christophe Cazajus (crabs-mettre_le_signe_at-crabs-world.com)
1 /* 2 **============================================================================= 3 ** crabs_cms-1.0.4 : Crabs Contents Management System 4 ** Copyright (C) 2006-2008 : Christophe Cazajus (crabs-mettre_le_signe_at-crabs-world.com) 5 ** 6 ** Ce source fait partie d'un projet logiciel libre. Vous pouvez le distribuer 7 ** et/ou le modifier en respectant les termes de la GNU General Public License 8 ** version 2 ou (suite a votre propre choix) une version ulterieure. 9 ** 10 ** Ce programme est distribue dans l'espoir qu'il puisse etre utile, mais 11 ** sans aucune garantie, meme si il est associe a un produit qui vous en 12 ** propose une. Conformez-vous a la GNU General Public License pour avoir 13 ** plus de precisions. 14 ** 15 ** L'auteur ne peut etre tenu responsable de l'utilisation faite des 16 ** composantes associees a ce projet (en partie ou dans leur totalite). 17 ** 18 ** Une copie du fichier de la GNU GPL est fournie dans le repertoire DOC 19 ** de ce projet sous le nom gnu_gpl.txt 20 ** 21 **============================================================================= 22 */ 23 /* Style epurée très classique */ 24 body { 25 background: #ffffe5 ; 26 color: black ; 27 font-family: sans-serif ; font-size: 12px ; 28 width: 100% ; 29 margin: 0 ; padding: 0 0 8em 0 ; 30 line-height: 140% ; 31 } 32 a { color: #1d933e ; text-decoration: none ; } 33 a:hover { text-decoration: underline ; } 34 a img { border: 0; vertical-align: middle; } 35 36 .gauche { float: left ; margin: 2px ; } 37 .gauche img { border: 1px solid #1d933e ; } 38 .droite { float: right ; margin: 2px ; } 39 .droite img { border: 1px solid #1d933e ; } 40 41 #logo { 42 text-align: center ; 43 font-family: serif ; 44 font-weight: bold ; font-size: 160% ; 45 margin: 0 ; padding: 0.4em 0 ; 46 color: red ; 47 } 48 #menu_principal { 49 margin: 0 0 0.5em 0 ; padding: 0.3em 2em ; 50 border-bottom: 2px solid #1d933e ; 51 } 52 #menu_principal span.item { 53 font-weight: bold ; margin: 0.2em 1em ; 54 } 55 #menu_principal span.a_droite { 56 font-weight: bold ; margin: 0.2em 1em ; float: right ; 57 } 58 59 #liste { 60 position: absolute ; 61 top: 8em ; bottom: auto; height: auto ; 62 right: 1% ; left: auto ; width: 20% ; 63 padding: 1em ; 64 background : #f8f8e0 ; z-index: 1 ; 65 } 66 #liste p { 67 margin: 0 0 1.2em 0 ; padding: 0 ; 68 font-weight: bold ; text-align: center ; 69 } 70 #liste p.titre_liste { 71 padding-bottom: 0.6em ; 72 border-bottom: 1px solid #1d933e ; 73 } 74 75 #contenu { margin: 1em 25% 10em 1%; } 76 .index { margin: 1em 25% 2em 1%; } 77 .nouveautes { margin: 1em 30% 10em 5%; } 78 79 #bas_de_page { 80 margin: 180px 5% 2em ; padding: 1em ; 81 border-top: 1px solid #1d933e ; 82 } 83 #bas_de_page p { 84 font-style: italic ; text-align: center ; 85 } 86 /* pour les formulaires */ 87 form table { 88 border-collapse: separate ; border-spacing: 2px ; 89 border: 2px solid #1d933e ; 90 } 91 form table th { 92 border: 1px solid #1d933e ; padding: 0.1em 0.1em; 93 background: #d7d7c1 ; color : #14642a ; 94 } 95 form table td { border: 0 } 96 form table td.label { font-weight: bold; text-align: right; padding-left: 2em; } 97 form table td.saisie { padding-right: 2em ; } 98 form table td.bouton { text-align: right; padding-right: 3em ; } 99 form table.center_form { margin: 4em auto ; } 100 101 h1 { 102 text-align: right ; font-size: 150% ; 103 border-bottom: 2px solid #1d933e ; 104 border-right: 2px solid #1d933e ; 105 padding: 3px 5px 3px 0 ; 106 margin: 2em 0 0.3em 0 ; 107 color : #1d933e ; 108 } 109 p { 110 text-align: justify ; 111 margin: 5px 2em 0 2em ; 112 } 113 p.auteur { 114 text-align: right ; font-style: italic ; 115 margin: 0 1em 0 0 ; 116 color : #1d933e ; 117 } 118 119 #phototheque { 120 margin: 1em 5% ; 121 } 122 #phototheque div.planche { 123 margin: 0 auto ; 124 width: 670px ; 125 } 126 127 #phototheque>div.planche { width: 660px !important ; } 128 129 #phototheque div.planche div.cel { 130 float: left ; width: 122px ; height: 122px ; 131 margin: 5px ; 132 } 133 #phototheque div.planche div.vignette { 134 float: left ; width: 120px ; height: 122px ; 135 background: white ; 136 border: 1px solid #1d933e ; 137 line-height: 120px ; 138 vertical-align: middle ; 139 text-align: center ; 140 } 141 #phototheque div.planche div.vignette img { 142 border: 1px solid #1d933e ; 143 vertical-align: middle ; 144 } 145 #phototheque div.planche br { clear: both; } 146 #phototheque div.navigation { 147 clear: both; margin: 1em 0 0 0 ; 148 text-align: center ; 149 line-height: 22px ; 150 } 151 #phototheque div.navigation img { 152 padding: 0 40px ; 153 border: 0 ; vertical-align: middle; 154 } 155 #phototheque div.photo { 156 clear: both; margin: 1em 0 0 0 ; 157 text-align: center ; 158 } 159 #phototheque div.photo img { 160 border: 1px solid #1d933e ; 161 } 162 163 .nouveaute { margin: 0 3em 2em 3em; } 164 .nouveaute h2 { 165 text-align: left ; font-size: 135% ; 166 border-bottom: 1px solid #1d933e ; 167 border-top: 2px solid #1d933e ; 168 padding: 3px 5px 3px 0 ; 169 margin: 2em 0 0.3em 0 ; 170 color : #1d933e ; 171 } 172 .spacer { height:2px ; clear: both; } 173 174 /* ATTENTION ICI C'EST POUR LE CALENDRIER : ADAPTER SUIVANT LE LOGO... */ 175 div.cal_nav { 176 position: relative ; 177 font-size: 19px ; font-weight: bold ; text-align: center ; 178 color: #1d933e ; 179 margin: 5px 0 ; 180 } 181 div.cal_nav span.cal_prec { 182 position: absolute ; top : 0 ; left: 10px ; 183 width: 150px ; font-size: 15px ; 184 text-align: left ; 185 } 186 div.cal_nav span.cal_suiv { 187 position: absolute ; top : 0 ; left: 806px ; 188 width: 150px ; font-size: 15px ; 189 text-align: right ; 190 } 191 div.cal_nav a img { border: 0; } 192 #cal { 193 font-size: 12px ; 194 position: relative ; height: 600px ; 195 line-height: 100% ; 196 } 197 #cal br.fin_semaine { clear: both; } 198 #cal span.jour { 199 float: left ; width: 30px ; 200 border: 1px solid #ffffe5; 201 margin: 0 ; 202 padding: 2px 0 ; 203 text-align: center ; 204 } 205 .nom { font-weight: bold ; } 206 .sam { background: #2de360; } 207 .dim { background: #2de360; } 208 .cal_info { font-weight: bold; } 209 #cal h1 { 210 font-size: 16px ; font-weight: bold ; text-align: center ; 211 padding: 4px 0 2px ; 212 border:0 ; border-bottom: 2px solid #1d933e ; 213 margin: 0 20px 3px 20px ; 214 color: #1d933e ; 215 } 216 217 #mois1 { 218 border: 1px solid green ; position: absolute ; 219 top: 10px; left:10px; width: 226px ; height: 150px ; 220 padding: 0 0 0 2px ; 221 } 222 #mois2 { 223 border: 1px solid green ; position: absolute ; 224 top: 10px; left:250px; width: 226px ; height: 150px ; 225 padding: 0 0 0 2px ; 226 } 227 #mois3 { 228 border: 1px solid green ; position: absolute ; 229 top: 10px; left:490px; width: 226px ; height: 150px ; 230 padding: 0 0 0 2px ; 231 } 232 #mois4 { 233 border: 1px solid green ; position: absolute ; 234 top: 10px; left:730px; width: 226px ; height: 150px ; 235 } 236 237 #mois5 { 238 border: 1px solid green ; position: absolute ; 239 top: 175px; left:10px; width: 226px; height: 150px; 240 } 241 #mois6 { 242 border: 1px solid green ; position: absolute ; 243 top: 175px; left:250px; width: 226px; height: 150px; 244 } 245 #mois7 { 246 border: 1px solid green ; position: absolute ; 247 top: 175px; left:490px; width: 226px; height: 150px; 248 } 249 #mois8 { 250 border: 1px solid green ; position: absolute ; 251 top: 175px; left:730px; width: 226px; height: 150px; 252 } 253 254 #mois9 { 255 border: 1px solid green ; position: absolute ; 256 top: 340px; left:10px; width: 226px; height: 150px; 257 } 258 #mois10 { 259 border: 1px solid green ; position: absolute ; 260 top: 340px; left:250px; width: 226px; height: 150px; 261 } 262 #mois11 { 263 border: 1px solid green ; position: absolute ; 264 top: 340px; left:490px; width: 226px; height: 150px; 265 } 266 #mois12 { 267 border: 1px solid green ; position: absolute ; 268 top: 340px; left:730px; width: 226px; height: 150px; 269 } 270 #cal #cal_info { 271 position: absolute ; border: 1px solid green ; 272 top: 500px ; left: 60px; width:846px; height: 90px ; 273 } 274 #cal #cal_info span { float: left ; vertical-align: top ; margin: 8px 5px ; } 275 #cal #cal_info select { vertical-align: top ; margin: 5px 5px ; } 276 #cal #cal_info textarea { vertical-align: top ; margin: 5px 5px ; } 277 #cal #cal_info input { vertical-align: bottom ; margin: 5px 5px ; } 278
Date de génération : 24/10/2008 21:34