/* MON AVIATION Cascading Style Sheets */ /* en cours de test */ /* Global Styles */ body { margin:0px; background:#EFFBFB; background-image:url(/V10/V10IMAGES/drapeau-france.png); background-attachment:fixed; background-position:99% 99%; background-repeat:no-repeat; } td { font:11px Trebuchet MS; color:#0066CC; } a { color: #993300; /* ROUGE Tuile foncé*/ } a:hover { color: #5C743D; /* VERT KHAKI FONCE */ } /* ID Styles */ /* Menu de la gauche de chaque page */ #navigation td { line-height:2px; border-bottom: 1px solid #0101DF;} /* ligne de séparation entre chaque ligne de menu*/ #navigation a {font: 12x Trebuchet MS; color: #FFFFFF; letter-spacing:.1em; text-decoration: none; display:block; line-height:normal; padding: 8px /* top */ 2px /* droite */ 8px /* bottom */ 8px /* gauche */;} #navigation a:hover {background: #1D12BB; color:0101DF; } #navigation2 td { line-height:2px; border-bottom: 1px solid #0101DF;} /* ligne de séparation entre chaque ligne de menu*/ #navigation2 a {font: 12x Trebuchet MS; color: #FFFFFF; letter-spacing:.1em; text-decoration: none; display:block; padding: 8px /* top */ 2px /* droite */ 8px /* bottom */ 8px /* gauche */;} #navigation2 a:hover {background: #1D12BB; color:0101DF; } #logo { font:24px Trebuchet MS; color: #5C743D; letter-spacing:.2em; line-height:30px; } #tagline { font:16px Trebuchet MS; color: #993300; letter-spacing:.4em; line-height:18px; } #monthformat { border-bottom: 1px dashed #5C743D; } #semaine a{background: url("/V10/V10IMAGES/semaine.png") no-repeat center top;} /* Class Styles */ .bodyText { font:13px Trebuchet MS; color:#0033CC; line-height:20px; margin-top:0px; font-stretch:normal; letter-spacing:normal } .pageName{ font: 18px Trebuchet MS; font-weight:bold; color:yellow; line-height:26px; letter-spacing:.21em; } .subHeader { font:bold 11px Trebuchet MS; color: #993300; line-height:22px; letter-spacing:.2em; } .quote { font: 20px Trebuchet MS; color: #759DA1; line-height:30px; } .smallText { font: 10px Trebuchet MS; color: #666666; line-height: 22px; } .navText { font: 24px Trebuchet MS; color: #003366; line-height:4px; letter-spacing:.1em; text-decoration: none; } .titre { font:bold 24px Trebuchet MS; color:#0000ff; line-height:24px; margin-top:0px; letter-spacing:.21em; } .chapitre{ font:bold 16px Trebuchet MS; color:#0000ff; line-height:24px; margin-top:0px; letter-spacing:.21em; } .back_claire { font:13px Trebuchet MS; color:#FFFF66; line-height:20px; margin-top:0px; } .back_claire a:hover { background:#CCFFFF; color:#993300; } .Anglais { font:14px Trebuchet MS; color:#0033CC; line-height:20px; margin-top:0px;} .lien_n1{ font: 18px Trebuchet MS; font-weight:bold; color:#0033cc; line-height:26px; letter-spacing:.21em; } .lien_n2{ font: 16px Trebuchet MS; font-weight:bold; color:#0033cc; line-height:26px; letter-spacing:.21em; } .lien_n3{ font: 14px Trebuchet MS; font-weight:bold; font-style:italic; color:#0033cc; line-height:26px; letter-spacing:.21em; } .wing { font-family: Wingdings; } .webding{ font-family: Webdings; font-weight: bold;} .dateformat { font-size:10px; font-weight:bold; color:yellow } .retour {color:#FFFF00;font-size:10px;font-weight:bold; } /* le mot "retour" sur le bandeau de titre */ .retour a { color:#FFFF00;letter-spacing:.2em; text-decoration:none; } .retour a:hover { color:#000099; background-color:#FFFF00; font-weight:bold; letter-spacing:.2em; text-decoration:none; } .fond_logo { background-color:#3399CC; } .fond_proverbe { font-size:12px; color:#FFFF00; background-color:#3585D5; } .blanc_sur_rouge {background-color:red; color:white;} .imagepad { padding-right:15px;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* My changes commented below. E.T. 17/02/2009 */ /* Variables générales du Menu 1er Niveau */ /* si la hauteur du menu est diminuée il faudra également changer xx pour éviter un trou entre 1er et 2ème niveaux */ #menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #menu li {float:left; margin-right:1px;} #menu li a {display:block; float:left; height:30px; line-height:30px; background:#045FB4; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;} /* blanc sur bleu foncé */ /* HOVER MENU PRINCIPAL */ #menu li a:hover {z-index:100; position:relative;color:#FFFFFF; background-color:#0080FF;} /* blanc sur bleu plus clair */ #menu li:hover {position:relative; z-index:100;} /* LE TEXTE DU MENU PRINCIPAL */ #menu li:hover > a {color:#FFFFFF; background:#0080FF;} #menu li:hover > a.sub {color:#FFFFFF; background-color:#0080FF;} /* MENU AVEC SUITE (donc avec un niveau supplémentaire) indiqué avec la flèche-bas */ #menu li a.sub {background: #045FB4 url(/V10/V10IMAGES/down-arrow.gif) no-repeat right center;} /* MENU DROPDOWN 2E NIVEAU , attention au top:30px qui doit concorder avec la hauteur de la ligne proncipale ci-dessus */ #menu :hover ul {left:0; top:30px; width:120px; background:red;} /* keep the 'next' level invisible by placing it off screen. */ /* c'est la meilleure astuce que j'ai pu trouver, les autres ont programmé ceci avec des longues fonctions */ #menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} /* L'AFFICHAGE DES 3E NIVEAUX EN HOVER DU 2E NIVEAU */ /* Left:140 colle le 3e niv. au 2è */ /* width permet d'afficher la 3è niveau en colonne à régler avec #menu :hover ul li a {width:140px; ci-dessous */ #menu :hover ul :hover ul {left:140px; top:-1px; background:red; white-space:nowrap; width:140px; z-index:200; height:auto;} /* LES 2E NIVEAUX */ #menu :hover ul li {margin:0; border-top:1px groove #045FB4; border-bottom:1px groove #045FB4;} /* bourdure haute et basse des 2è et 3è niveaux */ #menu :hover ul li a {width:140px; padding:0; text-indent:10px; background:#65BAF2; color:#ffffff; height:25px; line-height:25px;} /* 2è niveau sans suite */ #menu :hover ul li a.fly {background:#65BAF2 url(/V10/V10IMAGES/right-arrow.gif) no-repeat right center;} /* 2è niveau avec suite */ /* HOVER SUR LES DROPDOWN 2E NIVEAU */ #menu :hover ul :hover {background-color:red; color:#fff;} #menu :hover ul :hover a.fly {background-color:red; color:#fff;} /* LES PULLRIGHT 3E NIVEAU */ #menu :hover ul :hover ul li a {width:200px; padding:0; text-indent:10px; background:green; color:#ffffff;} /* avant width=150 */ /* HOVER SUR LES PULLRIGHT 3E NIVEAU */ #menu :hover ul :hover ul :hover {background-color:#F5EE23; color:#856307;}