a:link{text-decoration:none;color:#F7E300}
a:visited{text-decoration:none;color:#F7E300}
a{text-decoration: none; color: #F7E300}
a:hover {color: #FFFFFF ; text-decoration: none}
.lk:link{text-decoration:none;color:#FFFFFF}
.lk:visited{text-decoration:none;color:#FFFFFF}
.lk{text-decoration: none; color: #FFFFFF}
.lk:hover {color: #F7E300 ; text-decoration: none}
BODY {
scrollbar-face-color: #04AA34;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #006600;
scrollbar-darkshadow-color: #006600;
scrollbar-track-color: #006600;
scrollbar-arrow-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF ;
background-color: #006600;
//height: 10px;
//width: 10px;
//left: 10px;
//top: 10px;
clip: rect( );
font-size: 10pt;
background: #040 url(../images/fonds/back.gif) right top repeat;
}
td { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;}
p { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-align:
justify; vertical-align: top}
.palbum { font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; color: #000000; text-align:
justify}
.pc { font-family: Georgia, "Times New Roman", Times, serif; font-size: medium; color: #000000;; text-align: center}
.cadre { border-width: thin; border-color: #FFFFFF; border-style: solid}
.cadrebas { border-bottom-style: solid; border-bottom-width: thin; border-color: #FFFFFF}
.cadregauche { border-color: #FFFFFF; border-left-style: solid; border-left-width: thin}
.cadrebfin { border-bottom-style: solid; border-bottom-width: 1px; border-color: #FFFFFF}
.cadrehbfin { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; border-color: #FFFFFF}
h1 { color: #FFFFFFF; font-size: small; text-align: right; border-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; ; background-image: url(../images/icones/txt.gif); background-repeat: no-repeat; background-position: left top;}
.pic { border: 1px #FFFFFF solid; background-position: top}
h2 { font-size: small; color: #FFFFFF}
hr { color: #FFFFFF;noshade; size:1}
.bouton { background-color: #04AA34; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: #F7E300 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
.label { background-color: #04AA34; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
.titre { color: #FFFFFFF; font-size: small; text-align: right; border-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; ; background-image: url(../images/icones/txt.gif); background-repeat: no-repeat; background-position: left top; }
/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}
.menu, .ssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
background-color:#AA8922;
font-size:14px;
font-weight:bold;
border:2px solid #EFB;
color:white;
width:150px;
padding:1px;
margin:1em;
}
.menu {
text-align:center;
background:#04aa34;
border-color:#ffffff;
/* filter pour Internet Exploser ;-)
faut désactiver sinon ça gâche tout les couleurs unies de backgroud
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABCDEF,endColorStr=#789ABC); */
}
.ssmenu {
background:#04aa34;
border-color:#ffffff;
/* aller pour faire joli sur IE, un petit effet de dégradé !
Pour voir d'autres effets :
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#789ABC,endColorStr=#004455); */
}
.menu span, .ssmenu span {
/* pour cacher les ; en fin de , ce qui permet aux synthèse vocales de prendre une
pause dans l'élocution */
display:none;
}
.ssmenu ul, .ssmenu li {
/* Les items (les ) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
margin:3;
list-style-type:none;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
font-family:MS Sans Serif, sans-serif, Verdana, Arial;
text-decoration:none;
color:#f7e300;
padding:2px;
/* Ne pas modifier le block */
display:block;
/* Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/* height:100%;
margin:0px;*/
margin:0px;
width:100%;
voice-family: "\"}\"";
voice-family:inherit;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width :auto;
}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
On change les couleurs du texte et de fond, et on enlève le soulignement.
*/
background-color:#04aa34;
color:#ffffff;
text-decoration:none;
/* pas de filtre pour garder les belles couleurs sous IE
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2289AA,endColorStr=#ABCDEF); */
}
#contareb {
position: absolute;
right: 0;
top: 0;
padding: 35px 0 0 130px;
height: 165px;
width: 70px;
background: transparent url(../images/fonds/j-casa.gif) top right no-repeat;
font-size: 1.6em;
font-weight: bold;
letter-spacing: -2px;
color: #030;
}
*html #contareb {
height: 200px;
width: 200px;
}
/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure et largeur des menu et ssmenu.
- l'effet spécial IE pour les ssmenu
- police et couleurs des liens "non survolés" et "survolés".
*/