BODYOld {FONT-FAMILY: Arial; scrollbar-face-color: #8E9FB1; scrollbar-shadow-color: #336699; scrollbar-highlight-color: #336699; scrollbar-3dlight-color: #8E9FB1; scrollbar-darkshadow-color: #8E9FB1; scrollbar-track-color: #8E9FB1; scrollbar-arrow-color: #336699;text-align: center; margin: 0;background-image : url(/_itn/img/fond.gif); padding: 6px 0 0 0; } BODY {FONT-FAMILY: Arial; scrollbar-face-color: #8E9FB1; scrollbar-shadow-color: #336699; scrollbar-highlight-color: #336699; scrollbar-3dlight-color: #8E9FB1; scrollbar-darkshadow-color: #8E9FB1; scrollbar-track-color: #8E9FB1; scrollbar-arrow-color: #336699;margin: 0 auto;width:778px;background : #07aee3; padding: 6px 0 0 0; text-align:left} /* Graph */ .global {margin: 0 auto 0 auto; width: 778px; background : #ffffff; text-align: left; } .carre {font: 12px Arial, Verdana ; color: #333333; background-image : url(/_itn/img/fond_carre.gif);} .carresp {font: 12px Arial, Verdana ; color: #333333; background-image : url(/_itn/img/fond_carre_sp.gif);width:139px;height:169px} .cadre {font: 12px Arial; COLOR: #333333;border: #CC33CC 1px solid;padding: 6px;MARGIN: 5px;OVERFLOW: hidden;CLEAR: both;} .cadreo {font: 12px Arial; COLOR: #333333;border: #FF9900 1px solid;padding: 6px;MARGIN: 5px;OVERFLOW: hidden;CLEAR: both;} .cadreposte {font: 12px Arial; COLOR: #333333;border: #1FCBFF 1px solid;padding: 0px;MARGIN: 0; width:100%} .cadregris {font: 12px Arial; COLOR: #333333;border: #DEDEDE 1px solid;padding: 14px;MARGIN: 0; width:100%} /* ASPEC */ .fil {font: 12px Arial; COLOR: #333333; background : #FFCC66; PADDING: 4px;} .txtblc {font: bold 12px Arial; COLOR: #FFFFFF;} /* Data */ .bleu {font: 12px Arial;COLOR: #00A8E3;} H1 {font: bold 18px Arial;COLOR: #00A8E3;PADDING: 2px 0 0 52px;margin: 0 0 10px 0;background-image : url(/_itn/img/puce_h1.gif);background-repeat : no-repeat;} H2 {font: bold 20px Arial;COLOR: #00A8E3;PADDING: 0; margin: 0;} .titre {font: bold 12px Arial;COLOR: #00A8E3;PADDING: 0 0 0 12px;margin: 0 0 8px 0;background-image : url(/_itn/img/puce_titre.gif);background-repeat : no-repeat;} .video {font: 12px Arial;COLOR: #00A8E3;} A.video {font: 12px Arial;COLOR: #00A8E3;TEXT-DECORATION: none;} A.video:visited {font: 12px Arial;COLOR: #00A8E3;TEXT-DECORATION: none;} A.video:hover {font: 12px Arial;COLOR: #00A8E3;TEXT-DECORATION: underline;} .txt14 {font: 14px Arial; COLOR: #798A9C;} .txt10 {font: 10px Arial; COLOR: #333333;} .txt {font: 12px Arial; COLOR: #333333;} A.txt {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A.txt:visited {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A.txt:hover {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: none;} .txt11 {font: 11px Arial; COLOR: #333333;} A.txt11 {font: 11px Arial;COLOR: #333333;TEXT-DECORATION: none;} A.txt11:visited {font: 11px Arial;COLOR: #333333;TEXT-DECORATION: none;} A.txt11:hover {font: 11px Arial;COLOR: #333333;TEXT-DECORATION: underline;} .footer {font: 11px Arial;COLOR: #333333;} A.footer {font: 11px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A.footer:visited{font: 11px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A.footer:hover {font: 11px Arial;COLOR: #333333;TEXT-DECORATION: none;} A.def {font: 12px Arial;COLOR: #6D7F92;TEXT-DECORATION: none;} A.def:visited {font: 12px Arial;COLOR: #6D7F92;TEXT-DECORATION: none;} A.def:hover {font: 12px Arial;COLOR: #6D7F92;TEXT-DECORATION: underline;} A {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A:visited {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: underline;} A:hover {font: 12px Arial;COLOR: #333333;TEXT-DECORATION: none;} A.blc {font: 13px Arial;COLOR: #FFFFFF;TEXT-DECORATION: none;} A.blc:visited {font: 13px Arial;COLOR: #FFFFFF;TEXT-DECORATION: none;} A.blc:hover {font: 13px Arial;COLOR: #FFFFFF;TEXT-DECORATION: underline;} /* FORM */ INPUT.non {font: 11px Arial; color: #000000;border:0} SELECT.non {font: 11px Arial; color: #000000;border:0} INPUT {font: 11px Arial; color: #000000; border: #97A8BA 1px solid;} SELECT {font: 11px Arial; color: #000000; border: #97A8BA 1px solid;} INPUT.acces {font: 11px Arial; color: #000000; border: #FFFFFF 1px solid; background-color: #FFCC66;} button.gris {font: bold 10px Arial; BACKGROUND-COLOR: #C4C8D1;COLOR: #000000;border: #000000 1px solid;} INPUT.rose {font: bold 10px Arial; color: #000000; BACKGROUND-COLOR: #ffffff;COLOR: #000000;BORDER: #CC33CC 1px solid;} SELECT.rose {font: bold 10px Arial; color: #000000; BACKGROUND-COLOR: #ffffff;COLOR: #000000;BORDER: #CC33CC 1px solid;} INPUT.black {font: bold 12px Arial; color: #000000; BACKGROUND-COLOR: #ffffff;COLOR: #000000;BORDER: #CC33CC 1px solid;} .txtorange {font: bold 12px Arial; color: #FF9900;} /* PUCE */ table ul { margin: 0px; padding: 0px; list-style-image: url('/_itn/img/li.gif');} table li {font: 12px Arial; COLOR: #333333; margin: 4px 0 4px 80px; text-align : justify;} table { text-align:left} /* EMPLOI */ TH {font: bold 12px Arial; color: #475563; BACKGROUND-COLOR: #E6F1FB; padding: 0 0 0 4px; margin: 0;text-align: left;} .empdate {font: bold 12px Arial; color: #475563; BACKGROUND-COLOR: #E6F1FB; padding: 0 0 0 4px; margin: 0;width:100%;} /* ADMIN */ .txtvert {FONT-FAMILY: Arial; font-size: 12px; COLOR: #33CC00; FONT-WEIGHT:bold; TEXT-DECORATION: none;} .txtblanc {FONT-FAMILY: Arial; font-size: 12px; COLOR: #FFFFFF; FONT-WEIGHT:normal; TEXT-DECORATION: none;} .txtrouge {FONT-FAMILY: Arial; font-size: 12px; COLOR: #FF0000; FONT-WEIGHT:bold; TEXT-DECORATION: none;} /* Particule */ .particule {font: 12px Verdana; COLOR: #0000FF;} A.particule {font: 12px Verdana;COLOR: #0000FF;TEXT-DECORATION: none;} A.particule:visited {font: 12px Verdana;COLOR: #0000FF;TEXT-DECORATION: none;} A.particule:hover {font: 12px Verdana;COLOR: #0000FF;TEXT-DECORATION: underline;} .entrez {PADDING:230px 0 0 658px;} /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_drop.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #BARREMENU {float:left;background:#8695a5;width:778px;margin:1px 0 0 0} .clear {clear:both;} .floatRight {float:right;} #BARREMENU #multi-level { position:relative; z-index:100;display:block;background:#8695a5;width:778px} #BARREMENU #multi-level .pad {float:left;} /* The menu styling */ /* Remove the padding, margins and bullets from the lists */ #BARREMENU .menu {float:left;list-style-type:none; padding:0; margin:0; font-family:Arial, sans-serif;font-size:12px;font-weight:bold;} #BARREMENU .menu ul {float:left;list-style-type:none; padding:1px 0 0 0; margin:0; font-family:Verdana, sans-serif;color:#FF0000;} /* Set up the top level list items and float left to place inline */ #BARREMENU .menu li.top {display:block; float:left; position:relative;background:#8695a5;} /* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */ #BARREMENU .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default top link link styling */ #BARREMENU .menu li.top a.top_link {display:block; float:left; height:22px;line-height:20px;font-weight:bold} /* pre-load the hover images into the lists */ #BARREMENU .menu li.p1 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p2 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p3 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p4 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p5 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p6 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p7 {color:#FF0000;border-right:1px solid #FFF;padding:0 6px 0 5px;} #BARREMENU .menu li.p8 {color:#FF0000;padding:0 5px 0 5px;} /* set up the normal unhovered images in the links */ #BARREMENU .menu li a#Aspec {color:#FFF;text-decoration:none;} #BARREMENU .menu li a#Mprodimarques {color:#FFF;text-decoration:none;} #BARREMENU .menu li a#Mrevue {color:#FFF;text-decoration:none;} #BARREMENU .menu li a#Mmarques {color:#FFF;text-decoration:none;} #BARREMENU .menu li a#Msagas {color:#FFF;text-decoration:none;} #BARREMENU .menu li a#Mdossiers {color:#FFF;text-decoration:none;} /* Style the list OR link hover. Depends on which browser is used */ #BARREMENU .menu a:hover {visibility:visible;} /* for IE6 */ #BARREMENU .menu li:hover { position:relative; z-index:200;} /* for IE7 */ /* make the links transparent on hover so that the hover images in the lists show through (no flicker) */ #BARREMENU .menu li a#Mprodimarques:hover, .menu li:hover a#Mprodimarques, #BARREMENU .menu li a#Mrevue:hover, .menu li:hover a#Mrevue, #BARREMENU .menu li a#Mmarques:hover, .menu li:hover a#Mmarques, #BARREMENU .menu li a#Msagas:hover, .menu li:hover a#Msagas, #BARREMENU .menu li a#Mdossiers:hover, .menu li:hover a#Mdossiers {} /* keep the 'next' level invisible by placing it off screen. */ #BARREMENU .menu ul, #BARREMENU .menu :hover ul ul, #BARREMENU .menu :hover ul :hover ul ul, #BARREMENU .menu :hover ul :hover ul :hover ul ul, #BARREMENU .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;} /* set up the first drop down sub level */ #BARREMENU .menu :hover ul.sub {left:0; top:22px; background:#FFFFFF ;width:auto; height:auto;white-space:nowrap;} #BARREMENU .menu :hover ul.sub li {display:block; position:relative; float:left; white-space:nowrap;margin:0 0 1px 0; background:#cccccc;display:block} #BARREMENU .menu :hover ul.sub li a {display:block; font-weight:normal;font-size:12px; height:auto; line-height:16px; color:#FFF; text-decoration:none; padding:4px 10px 4px 10px; white-space:nowrap; background:#97a8ba;width:180px;} #BARREMENU .menu :hover ul.sub li a.fly {background:#fff url(/_com/drop/arrow.gif) 80px 7px no-repeat;white-space:nowrap;} #BARREMENU .menu :hover ul.sub li a:hover {background:#afc4d9; color:#FFF;white-space:nowrap;} #BARREMENU .menu :hover ul.sub li a.fly:hover {background:#37a237 url(/_com/drop/arrow_over.gif) 80px 7px no-repeat; color:#fff;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers {left:0px; top:22px; background:#cccccc url(/_com/drop/bottom201.png ) no-repeat bottom left ;height:auto;width:auto;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers li {display:block; position:relative; float:left; width:auto;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers li a {display:block; font-weight:bold;font-size:13px; height:auto; line-height:16px; color:#666; text-decoration:none; padding:4px 0 4px 10px;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers li a.fly {background:#fff url(/_com/drop/arrow.gif) 80px 7px no-repeat;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers li a:hover {background:#999999; color:#fff;white-space:nowrap;} #BARREMENU .menu :hover ul.subDossiers li a.fly:hover {background:#37a237 url(/_com/drop/arrow_over.gif) 80px 7px no-repeat; color:#fff;white-space:nowrap;} li.p5 ul.sub li, li.p5 ul.sub li a, li.p5 ul.sub li a.fly, li.p5 ul.sub li a:hover, li.p5 ul.sub li a.fly:hover {width:240px!important;display:block;} li.p7 ul.sub li {width:autos!important;display:block;background:#FFFFFFF} li.p7 ul.sub li a, li.p7 ul.sub li a.fly, li.p7 ul.sub li a:hover, li.p7 ul.sub li a.fly:hover {width:200px!important;display:block;background:#FFFFFFF} #BARREMENU .menu :hover ul.sub li.p7 a:hover {background:#999999; color:#fff;white-space:nowrap;width:100%!important;} #BARREMENU .menu :hover ul li:hover > a.fly {background:#cccccc url(/_com/drop/arrow_over.gif) 80px 7px no-repeat; color:#fff;} /* set up the flyout levels when hovering */ #BARREMENU .menu :hover ul :hover ul, #BARREMENU .menu :hover ul :hover ul :hover ul, #BARREMENU .menu :hover ul :hover ul :hover ul :hover ul, #BARREMENU .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}