/***** 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 {
background: url("images/imagepin.gif") #AA8922;
color:#000000;
font-size:12px;
font-weight:bold;
border:0;
padding:0;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
}
.menu span, .ssmenu span {
/* Ne pas toucher
C'est 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 {
/* Ne pas trop toucher.
Les items (les ) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
margin:0;
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:#FFFF33;
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%;
}
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;
}
/* spécificité au menu image pour ne pas avoir d'espace autour des images...*/
.menu a, .menu a:visited {
padding:0;
}
.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: url("images/imagenoyer.gif") #420;
color:#993333;
text-decoration:none;
}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
car c'est vilain :-p */
border:none;
}
.ssmenu img {
/* un petit espacement entre l'image et le texte du lien blabla */
margin-right:5px;
}
.ssmenu img.hr {
/* Encore un peu expérimental, un
entre deux items pour faire un "séparateur"... */
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}
/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
Ensuite Polices du site Francette orsoni
*/
.petit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: normal;
text-transform: none;
color: #FFCC00;
}
.Bordgauche
{
background-repeat: repeat-y;
border-image=" /images/bordg.gif";
border-left-width: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #F0BFF2;
}
#entete {
background-image: url(../images/entete.jpg);
background-repeat:no-repeat;
margin:0 0 0 0px;
padding:0;
width:770px;
height:120px;
}
#entete h1 span {
display: none;
}
#bordure {
background-image: url(../images/bordure.gif);
height:41px;
}
.h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: strong;
line-height: 16px;
color: #FF9900;
bgcolor:#9999FF;
}
.h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: strong;
line-height: 25px;
color: #FF9900;
bgcolor:#9999FF;
}
.h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-style: strong;
line-height: 28px;
color: #FF9900;
bgcolor:#9999FF;
}
.h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
font-style: strong;
line-height: 38px;
color: #FF9900;
bgcolor:#9999FF;
}
.orangfon1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: strong;
line-height: 16px;
color: #FF6600;
bgcolor:#9999FF;
}
.titrebleu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
font-style: normal;
color: #333366;
}
.milieu {
font-family:verdana, sans-serif;
font-size:11px;
color:#D20000;
text-align:left;
margin-left:50px;
line-height: 18px;
}
.norm {
font-family:verdana, sans-serif;
font-size:14px;
font-weight: bold;
color:#5BOO00;
text-align:left;
margin-left:50px;
line-height: 18px;
}
p {
font-family:verdana, sans-serif;
font-size:80%;
color:maroon;
background-color:transparent;
text-align:left;
margin-left:10px;
margin-right:15px;
}
li {
font-family:verdana, sans-serif;
font-size:80%;
color:maroon;
background-color:transparent;
text-align:left;
margin-left:10px;
margin-right:5px;
}
table {
border-style:solid;
border-width:0px;
}
td {
font-family:verdana, sans-serif;
font-size:80%;
text-align:left;
border-style:solid;
border-width:0px;
}
.bleu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: strong;
line-height: normal;
font-weight: normal;
color: #333366;
bgcolor:#9999FF;
}
.titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
font-style: normal;
color: #333366;
bgcolor:#9999FF;
}
.bleu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #333366;
bgcolor:#9999FF;
}
.bleu20 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
background-color: #B0BFF2;
color: #002E5B;
bgcolor:#EEEEDD;
}
.bleu3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: strong;
line-height: 24px;
color: #333366;
bgcolor:#9999FF;
}
.argent3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: strong;
line-height: 24px;
color: #E1E1E1;
bgcolor:#9999FF;
}
.orange1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: strong;
line-height: 16px;
color: #FF9900;
bgcolor:#9999FF;
}.orange2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: strong;
line-height: 20px;
color: #FF9900;
bgcolor:#9999FF;
}
.orange3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: strong;
line-height: 28px;
color: #FF9900;
bgcolor:#9999FF;
}
.orange4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
font-style: strong;
line-height: 38px;
color: #FF9900;
bgcolor:#9999FF;
}
.orangfon1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: strong;
line-height: 16px;
color: #FF6600;
bgcolor:#9999FF;
}
.orangfon2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: strong;
line-height: 20px;
color: #FF6600;
bgcolor:#9999FF;
}
.orangfon3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: strong;
line-height: 28px;
color: #FF6600;
bgcolor:#9999FF;
}
.orangfon4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 28px;
font-style: strong;
line-height: 38px;
color: #FF6600;
bgcolor:#9999FF;
}
a.mainmenu:link, a.mainmenu:visited {
color: #FFCC00;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 12px;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
text-align: center;
}
}
.dates {
font-size: 18px;
color: #FFFFFF;
line-height: 16px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
margin-top: 7px;
margin-right: 200px;
margin-bottom: 0px;
margin-left: 100px;
display: block;
font-weight: bold;
}
.blanc {
font-size: 16px;
color: #FFFFFF;
line-height: 24px;
margin-left: 100px;
}
.blancp {
font-size: 12px;
color: #FFFFFF;
line-height: 30px;
margin-left: 30px;
}
.argent {
font-size: 14px;
color: #DBDBDB;
line-height: 30px;
margin-left: 50px;
}
.pieddepage {
font-size: 10px;
color: #8C0000;
text-align: center;
line-height: 15px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #D20000;
}