@charset "iso-8859-1";
/* auteur: Mael THOMINET */
/* Date de création: 23/06/2005 */
BODY {
/**/
background-color: #FFFFFF; /*fond en blanc*/
background-image: url(/images/drapsatinblanc.jpg);
background-repeat: repeat;
background-attachment: fixed;
color: #000000; /*texte en noir*/
}
A {
color: #800000;
}
A:link { color: #800000; }
A:visited { color: #AA0000; text-decoration: line-through; }
A:hover { color: #FF0000; }
/* debut code pour infobulle */
/* utilisation des infobulles
* ce que vous voulez (une image ou autre)autre en plus grand, plus de détails, ce que vous voulez
* permet de mettre un image en plus grand dans l'infobulle ou du texte pour préciser un lieu le photographe ce qu'il a bu juste avant de prendre la photo...
* il y a le même principe pour les balises et pour mettre reciproquement une citation ou une abreviation */
a.info {
position: relative;
text-decoration: none;
border: none;
color: #000;
text-decoration: none;
font-style: none;
z-index: 1;
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE6 */
z-index: 42; /* on definit une valeur pour l'ordre d'affichage, donc on le met devant pour que l'infobulle soit devant lorsqu'elle apparaît */
cursor: help; /* on change le curseur par defaut en curseur d'aide */
}
a.info:hover span {
display: block; /* on affiche l'infobulle */
position: absolute;
background: #cacafc;
color: #000;
padding: 10px;
border: 1px solid #333355;
border-left: 4px solid #333355;
z-index: 1;
min-width: 200px;
max-width: 800px;
-moz-border-radius: 3px; /* firefox3.6 */
-webkit-border-radius: 3px; /* safari chrome */
-ms-border-radius: 3px; /* ie9 et 10 */
-o-border-radius: 3px; /* opera */
border-radius: 3px; /* opera firefox4+ chrome */
}
/* fin code pour infobulle-image */
input:focus, textarea:focus { font-weight: bold }
.Menu {
position: fixed; /*valeur possibles : static (defaut), relative, absolute, fixed */
top: 0px;
left: 0px;
width: 200px;
height: 100%;
border: 2px solid #000000;
border-bottom: 0px solid #000000;
border-color: #000000 #000000 #000000 #000000;
border-left: 0px solid #000000;
border-right: 2px solid #000000;
border-top: 0px solid #000000;
border-width: 0px 2px 0px 0px;
padding: 1px 5px 0px 1px;
}
.MenuHaut {
z-index: 3;
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
top: 0px;
left: 0px;
width: 200px;
height: 100%;
/* Gestion du scrolling : */
overflow: scroll;
/*white-space: nowrap;*/
}
.MenuBas {
z-index: 4;
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
top: -35px;
left: 0px;
width: 200px;
vertical-align: bottom;
}
.MenuTitre {
font-size: 13pt;
font-weight: bold;
font-variant: small-caps;
font-family: "comic sans ms", arial, sans-serif;
text-decoration: underline;
}
.MenuElement {
background-image: url(/images/bullet.gif);
background-position: left middle;
background-repeat: no-repeat;
padding-left: 20px;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}
.MenuSession {
background-color: #ffff99; /*fond en jaune*/
border: 1px solid #000000;
border-bottom: 1px solid #000000;
border-color: #000000 #000000 #000000 #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
font-size: 8pt;
font-weight: normal;
font-variant: small-caps;
font-family: "comic sans ms", arial, sans-serif;
text-decoration: none;
}
.Corps {
z-index: 0;
position: absolute;
top: 0px;
left: 201px;
width: 800px;
/* width: 100%;*/
padding: 10px 1px 1px 10px;
}
.TitreAccueil {
/* width: 100%; */
}
.ThominetDessous {
z-index: 1;
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
font-weight: bold;
font-size: 70px;
text-align: center;
color: #AAAADD;
font-family: "courier new", monospace;
}
.ThominetDessus {
z-index: 2;
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
top: -60px;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000044;
}
.dateMAJ {
font-size: 8pt;
font-style: italic;
text-align: center;
}
.copyright {
font-size: 8pt;
font-style: italic;
text-align: center;
}
.titre {
background-color: #0099FF;
/* background-image: url(/images/ico_fleche.gif);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px;*/
font-size: 20px;
text-align: center;
color: #000000;
}
.fleche {
background-image: url(/images/ico_fleche.gif);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.valider {
background-image: url(/images/ico_valideVert.gif);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.annuler {
background-image: url(/images/ico_croixrouge.png);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.aide {
background-image: url(../images/ico_aide.gif);
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.erreur {
background-image: url(/images/ico_erreur.gif);
background-position: left top;
background-repeat: no-repeat;
color: red;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.attention {
background-color: #FFFF99;
background-image: url(/images/ico_alerte.gif);
background-position: left top;
background-repeat: no-repeat;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px
}
.CaseReadOnly {
background: #CCCCCC;
}
.Citation {
background-color: #CCCCFF; /*fond en jaune*/
border: 1px solid #000000;
border-bottom: 1px solid #000000;
border-color: #000000 #000000 #000000 #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-width: 1px 1px 1px 1px;
padding: 5px 5px 5px 5px; /* valeurs : top right bottom left */
margin: 0px 50px 0px 50px;
font-size: 12px;
font-family: "verdana", sans-serif;
text-align: justify;
}
.TitreCitation {
font-size: 20px;
font-weight: bold;
font-family: "comic sans ms", arial, sans-serif;
text-align: center;
}
.AuteurCitation {
font-size: 12px;
font-style: italic;
font-family: script, brush, cursive;
text-align: right;
}
.Legende {
font-size: 10px;
font-family: script, brush, cursive;
}
.Tabulation {
padding-left: 25px;
}
.BonneAnnee {
/* visibility: hidden; */
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
width: 100%;
height: 109px;
font-size: 30px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.SaintValentin {
/* visibility: hidden; */
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
background-image: url(/images/barrecoeur.gif);
background-position: center top;
background-repeat: no-repeat;
font-size: 30px;
font-weight: bold;
text-align: center;
vertical-align: middle;
width: 100%;
padding-top: 20px
}
.JoyeuxNoel {
/* visibility: hidden; */
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
width: 100%;
height: 210px;
font-size: 30px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.NouvelAn {
/* visibility: hidden; */
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
width: 100%;
height: 300px;
font-size: 30px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.FeteNationaleFrancaise {
/* visibility: hidden; */
position: relative; /*valeur possibles : static (defaut), relative, absolute, fixed */
width: 100%;
height: 300px;
font-size: 30px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
/* FIN DE FICHIER .CSS */