New file |
0,0 → 1,224 |
/* |
+----------------------------------------------------------------------------+ |
| bazar.css | |
+----------------------------------------------------------------------------+ |
| Copyright (c) 2005 Ecole et Nature | |
+----------------------------------------------------------------------------+ |
| Feuille de style interne spécifique a l'application Bazar | |
+----------------------------------------------------------------------------+ |
| Auteur : Florian SCHMITT <florian@ecole-et-nature.org> | |
+----------------------------------------------------------------------------+ |
*/ |
|
#BAZ_hautdepage { |
width: 670px; |
} |
|
#BAZ_corps { |
float:left; |
width: 670px; |
} |
|
#BAZ_pieddepage { |
clear: both; |
width: 100%; |
padding: 3px; |
text-align:center; |
background-color: #CC0000; |
font: normal 11px Georgia, serif;color: #FFCC66; |
} |
#BAZ_menu { |
float:left; |
width: 690px; |
padding: 3px; |
font: normal 11px Georgia, serif; |
margin: 10px 0 10px 0; |
} |
|
|
#BAZ_menu a { |
font-size: 12px; |
text-decoration: none; |
display: block; |
width: 9em; |
} |
|
#BAZ_menu ul { /* toutes les listes */ |
padding: 0; |
margin: 0; |
line-height: 1; |
} |
|
#BAZ_menu li { /* tous les items de liste */ |
padding: 3px; |
margin: 0; |
float: left; |
list-style: none; |
list-style-type:none; |
background:#FFF; |
border-left: 5px solid #849950; |
border-bottom: 2px solid #849950; |
height:26px; |
} |
|
#BAZ_menu li:hover { |
color: #FFFFFF; |
background-color: #B1BB7E; |
} |
|
#BAZ_menu li ul { /* listes de deuxième niveau */ |
position: absolute; |
background:#FFF; |
border: 1px solid #849950; |
left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */ |
width: 10.8em; |
z-index:14; |
} |
|
#BAZ_menu li:hover ul { /* listes imbriquées sous les items de listes survolés */ |
left: auto; |
margin: 2px 0 0 -8px; |
z-index:15; |
} |
|
|
#BAZ_menu ul li a:hover { |
color: #FFFFFF; |
} |
|
/*-------------Les fiches Bazar-------------------------------------------------*/ |
|
#BAZ_cadre_fiche { |
margin-left:25px; |
width:654px; |
} |
|
#BAZ_cadre_fiche a { |
font: 13px arial, sans-serif; |
color:#000; |
text-decoration:none; |
} |
#BAZ_cadre_fiche a:hover { |
color:#515966; |
text-decoration:underline; |
} |
|
#BAZ_cadre_fiche_haut { |
height:18px; |
width:654px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_haut.gif) top left; |
} |
|
#BAZ_cadre_fiche_corps { |
/*width:504px; |
padding:20px 35px 0px 35px;*/ |
font: 13px arial, sans-serif; |
text-align:justify; |
line-height: 17px; |
border-left:solid 1px #000; |
border-right:solid 1px #000; |
} |
|
#BAZ_cadre_fiche_bas { |
height:18px; |
width:654px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_cadre_bas.gif) top left; |
} |
|
#bulle_haut { |
margin: 0 auto; |
width:588px; |
height:20px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_haut.jpg) top left; |
} |
|
#bulle_corps { |
margin: 0 auto; |
width:578px; |
padding-left:10px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_barre.jpg) repeat-y; |
} |
|
#bulle_bas { |
margin: 0 auto; |
width:588px; |
height:20px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_encadre_bas.jpg) top left; |
} |
|
#BAZ_bas_page { |
margin-left:30px; |
height:165px; |
background:url(http://educ-envir.org/client/bazar/images/BAZ_Enfants.gif) no-repeat bottom right; |
} |
#formation_qualifiante { |
position:relative;top:197px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_qualifiante.gif) top right; |
} |
|
#formation_diplomante { |
position:relative;top:7px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_diplomante.gif) top right; |
} |
|
#formation_continue { |
position:relative;top:387px;left:622px;height:190px;width:30px;background:url(http://test.educ-envir.org/client/bazar/images/BAZ_formation_continue.gif) top right; |
} |
|
#fiche_haut { |
margin:-180px 0 -20px 30px; |
height:170px; |
} |
|
#fiche_image { |
float:left; |
height:160px; |
width:160px; |
} |
|
#fiche_titre_image { |
float:left; |
width:400px; |
text-align:center; |
padding:6px; |
background:#F2B43B; |
color:#FFF; |
font: 18px arial, sans-serif; |
} |
|
#fiche_titre { |
width: 93%; |
text-align:center; |
padding:6px; |
background:#F2B43B; |
color:#FFF; |
font: 18px arial, sans-serif; |
} |
|
.centrer { |
clear:both; |
margin:0 auto; |
} |
|
.rubrique { |
width:150px; |
text-align:left; |
font: bold 15px arial, sans-serif; color: #515966; |
} |
|
.description { |
font: 13px arial, sans-serif; |
text-align:justify; |
width:420px; |
padding-bottom:10px ; |
} |
|
.rubrique_bulle { |
width:90px; |
text-align:left; |
font: bold 15px arial, sans-serif; color: #000; |
} |
|
.infos { |
font: bold 16px arial, sans-serif; color: #B1BB7E; |
line-height: 25px; |
} |
|