/* CSS Document */
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #006600; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; FONT: 12px "Arial", helvetica, sans-serif; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV#conteneur {
BORDER-RIGHT: #669900 2px solid; BORDER-TOP: #669900 2px solid; BACKGROUND: #02600F; MARGIN: 0px auto; BORDER-LEFT: #669900 2px solid; WIDTH: 774px; BORDER-BOTTOM: #669900 2px solid; TEXT-ALIGN: left
}
#header {
BACKGROUND: #ffcc00; PADDING-TOP: 0px; MARGIN: 0px; HEIGHT: 60px; TEXT-ALIGN: center;
}
H1#header {
BACKGROUND: #ffcc00; PADDING-TOP: 10px; MARGIN: 0px; HEIGHT: 50px; TEXT-ALIGN: center; FONT-SIZE: 25px;
}
H1#header A {
DISPLAY: block; BACKGROUND: #ffcc00 ; LEFT: 350px; WIDTH: 200px; POSITION: relative; TOP: 15px; HEIGHT: 20px;
}
H1#header A SPAN {
DISPLAY: none;
}
#menujubito {
position: absolute;
margin-left: 0px;
top: 80px;
z-index:100;
width: auto;
}
@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-color:#006600;
color:#ffffff;
font-size:12px;
font-weight:bold;
border:1px solid #EFB;
padding:1px;
/* 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;
}
.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:white;
padding:2px 1px;
/* 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;
}
.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:#ffcc00;
color:#000000;
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:2px;
}
.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".
*/
a {text-decoration: underline;
color: black;
color: #222;
}
DIV#contenu {
PADDING-RIGHT: 15px; PADDING-LEFT: 20px; BACKGROUND: #FFDC00; PADDING-BOTTOM: 0px; PADDING-TOP: 10px;
}
DIV#contenu H2 {
PADDING-LEFT: 25px; FONT-SIZE: 24px; BACKGROUND: url(carre.jpg) no-repeat left bottom; COLOR: #106141; LINE-HEIGHT: 25px; BORDER-BOTTOM: #106141 3px solid
}
DIV#contenu H3 {
PADDING-LEFT: 5px; FONT-SIZE: 16px; MARGIN-LEFT: 15px; BORDER-LEFT: #106141 5px solid; COLOR: #106141; BORDER-BOTTOM: #106141 3px solid;
}
DIV#contenu P {
TEXT-ALIGN: justify; FONT-SIZE: 14px; font-weight : bold;
}
DIV#container P {
TEXT-ALIGN: RIGHT;
FONT-SIZE: 18px;
COLOR: #000066;
}
DIV#contenu A {
FONT-FAMILY:Arial, Helvetica, sans-serif;
FONT-SIZE: 14px;
COLOR: #006600;
font-weight : bold;
}
DIV#contenu A:hover {
COLOR: #0000fc;
}
.gauche {
float: left;
margin-right: 5px;
}
.hautd {
MARGIN-LEFT: -20px;
MARGIN-TOP: 1px ;
}
P#footer {
PADDING-RIGHT: 10px; MARGIN: 0px; COLOR: #8a0; LINE-HEIGHT: 30px; TEXT-ALIGN: left;
}
PRE {
BORDER-RIGHT: #9b2 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #9b2 2px solid; PADDING-LEFT: 5px; FONT-SIZE: 1.2em; BACKGROUND: #dea; PADDING-BOTTOM: 0px; OVERFLOW: auto; BORDER-LEFT: #9b2 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #9b2 2px solid;
}
PRE SPAN {
COLOR: #560;
}
PRE SPAN.comment {
COLOR: #b30000;
}
div.container {
background-color: #ffcc00;
border: 1px solid #000000;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
}
div.containerr {
background-color: #006300;
border: 1px solid #000000;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
}
div.containerj {
background-color: #FFC500;
MARGIN-TOP: 5px ;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
TEXT-ALIGN: left;
HEIGHT: auto;
}
div.spacer {
clear: both;
}
div.float {
float: left;
MARGIN-LEFT: 40px;
}
div.float p {
text-align: center;
}
ol {
margin-left: 3em;
color :#000066 ;
font-size: 14px;
}
ol li {
}
.textebleu {
FONT-SIZE: 14px;
FONT-STYLE: normal;
COLOR: #003399;
font-weight : bold;
}
.textenoir {
FONT-SIZE: 14px;
FONT-STYLE: normal;
COLOR: #333333;
font-weight : bold;
}
.texterouge {
FONT-SIZE: 14px;
FONT-STYLE: normal;
COLOR: #ff0000;
font-weight : bold;
}
.textevert {
FONT-SIZE: 14px;
FONT-STYLE: normal;
COLOR: #006600;
font-weight : bold;
}
.flottante {
background-color: #FFC500;
PADDING-LEFT: 2px;
MARGIN: 1px;
float: left;
width: 140px;
}
.flottanteg {
background-color: #FFC500;
PADDING-LEFT: 5px;
MARGIN: 1px;
float: left;
width: 290px;
}
.flottantej {
background-color: #FFD11A;
PADDING-LEFT: 2px;
MARGIN: 1px;
float: left;
width: 140px;
}
.flottantegj {
background-color: #FFD11A;
PADDING-LEFT: 5px;
MARGIN: 1px;
float: left;
width: 290px;
}
.flottantet {
background-color: #FFC500;
PADDING-LEFT: 5px;
MARGIN: 1px;
float: left;
width: 210px;
}
.flottantejt {
background-color: #FFD11A;
PADDING-LEFT: 5px;
MARGIN: 1px;
float: left;
width: 210px;
}
.flottantemj {
background-color: #FFD11A;
PADDING-LEFT: 2px;
MARGIN: 1px;
float: left;
width: 70px;
}
.flottantem {
background-color: #FFC500;
PADDING-LEFT: 2px;
MARGIN: 1px;
float: left;
width: 70px;
}
.conteneur {
width: 100%;
HEIGHT: auto;
}
hr {
clear: both;
visibility: hidden;
}