/* ==============================================================*/ /* Global Navigation */ /* ==============================================================*/ #globalNav, div#main{ padding-left:0px; padding-right:0px; } ul#globalMain { list-style-type: none; color: #313131; /* float: right; clear:right; */ white-space: nowrap; border: 0px none #619936; /* bordure tte largeur top elements de menu principaux */ margin: 0px !important; padding: 3px 10px 4px 10px ; /* padding/hauteur ligne autour de du menu principal entier */ padding: 0px 0px 0px 0px ; /* determine aussi la marge de gauche avant debut du menu */ /* padding: haut droite bas gauche ; */ font: 12px Arial, Helvetica, sans-serif!important; background-color:#619936; /* background elements de menu principaux */ } /* ==============================================================*/ /* Safari oddity */ /* ==============================================================*/ /* ==============================================================*/ /* Safari oddity */ /* ==============================================================*/ ul#globalMain li.submenuLast { margin-right: 0px; } ul#globalMain li.submenuLast, ul#globalMain li.submenu { display: inline; padding: 0px 0px 0px 0px; margin-right: 0px; } ul#globalMain li ul { display: block; margin: 0px 0px 6px 3px; /* OFFSET sous-menu */ /* ne pas régler la marge gauche -6 trop près de zéro sinon bug fin de ligne IE7 */ /* margin: -15px 40px 0px 40px; si menu vertical 'a droite */ /* OFFSET sous-menu */ /* padding: haut droite bas gauche ; */ padding: 0px; position: absolute; left: 0; z-index: 1000; visibility: hidden; width: 140px; /* largeur sous-menu */ border: solid 0px #999999; /* couleur bordures sous-menu */ border-bottom: solid 1px #999999; border-top: solid 1px #999999; border-left: solid 1px #999999; border-right: solid 1px #999999; } ul#globalMain li.submenuLast ul a, ul#globalMain li.submenu ul a { color: #333333 !important; line-height: 18px; /********** hauteur des bandes rollovers ds sous-menu ******/ font-weight: normal; font-size: 11px; /********** taille liens ds sous-menu ***********/ color: #ffffff !important; /* couleur texte sous-menu */ width: 140px; text-align: left; } ul#globalMain li ul li { margin: 0px !important; z-index: 999; padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* doit rester 0 sinon lignes fuck IE */ display: block; width: 100%; width: 140px; /* arrange bug IE fin de ligne sous-menu pas opaque - derniers pixels droite */ list-style: none; margin-left: 0; margin-right: 0; background-color:#1f459d; /* couleur BG sous-menu OnMouseout */ border-bottom:solid 1px #1f459d; /* couleur interlignes sous-menu - fait*/ border-bottom:solid 0px #1f459d; } ul#globalMain li.submenuLast ul li a, ul#globalMain li.submenu ul li a { display: block; margin: 0; margin-left: 0px; /* décale les elem. sous-menu */ /* padding: 0px 2.5%; */ padding: 0px; /* positionne horizontalement le BG des elem. de sous-menu sur leur ligne */ /* doivent rester 0 */ padding-left: 0px; padding-right: 0px; border-width: 0; /*width: 95%; width: 133px; 140px - 7px */ width: 140px; } ul#globalMain li.submenuLast li a:hover, ul#globalMain li.submenu li a:hover { background-color:#619936; /* couleur BG sous-menu OnMouseover */ } ul#globalMain li.submenuLast li a:active, ul#globalMain li.submenu li a:active { background-color:#619936; /* couleur BG sous-menu OnMousedown */ } ul#globalMain li.submenuLast ul li a:active { visibility: visible } /* ==============================================================*/ /* Global Main position */ /* ==============================================================*/ ul#globalMain li.submenuLast, ul#globalMain li.submenu { display: inline; padding: 0px 0px 0px 0px; margin-right: 0px; border: solid 1px #619936; border: solid 0px #619936; /* bordure autour chq. element de menu principal - changer ds .js aussi */ } ul#globalMain li.submenu { /*IE Mac Hack*/ padding-left: 0em; padding-right:0em; /*Begin non IE Mac CSS\*/ margin-left: 0em; margin-right:0em; padding-left: 0em; padding-right:0em; /*End IE CSS hack*/ } ul#globalMain li.submenuLast a, ul#globalMain li.submenu a { padding: 0px 0px 3px 0px; /* padding: 0em; OFFSET element menu principal - ne pas changer, jouer avec l'offset du sous-menu plus haut */ text-decoration:none; margin-right: 10px; /* distance/espace entre liens elements menu principaux */ margin-left: 10px; /* distance/espace entre liens elements menu principaux */ font-size: 12px; /* taille des liens elements menu principaux */ font-weight: bold; /* */ line-height: 22px; /* uniformise la hauteur du menu IE vs. FFox, mieux que le padding */ color: #ffffff; /* couleur liens elements menu principaux */ text-align: left; } ul#globalMain li.submenuLast a:active, ul#globalMain li.submenu a:active { color: #000066; /* couleur liens cliqués elements menu principaux */ } /* ==============================================================*/ /* ***** FIN Global Navigation */ /* ==============================================================*/ body { background-color: #367ca5; background-image: url(../images/bg_serie_enviro.gif); background-position: center; background-repeat: repeat-y; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } a:link { text-decoration: none; color: #1B3D8B; } a:visited { text-decoration: none; color: #002977; } a:hover { text-decoration: underline; color: #CC0000; } a:active { text-decoration: none; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .Texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .TexteBold { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; } .TexteBold2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; } .TexteLien { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; } .TexteLienB {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 12px;} .TexteRouge { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #C90A13; } .TexteRougeB {font-family: Arial, Helvetica, sans-serif; color: #C90A13; font-weight: bold; font-size: 12px;} .SousTitreR { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #C90A13; } .SousTitreR2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #C90A13; } .GrandTitre { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #C90A13; } .TitreRouge {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #C90A13; } .TitreBleu {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 18px; } .SousTitreBleu {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 13px; } .SousTitreBleu2 {font-family: Arial, Helvetica, sans-serif; color: #1B3D8B; font-weight: bold; font-size: 14px; } .SousTitreGris {font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; font-size: 14px; } .TexteBlanc, a.TexteBlanc, a.TexteBlanc:visited {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 12px; margin-right: 4px;} .TexteBlanc2 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px;} .TexteBlancG {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 14px;} .SousTitreBlanc {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size: 16px; } .TitreBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; } .blueFont, a.blueFont {font-family: Arial, Helvetica, sans-serif; color: #5E97C2; font-weight: bold; font-size: 11px; } .formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; color: #1B3D8B; font-size: 11px; } .footer, a.footer {font-family: Arial, Helvetica, sans-serif; color: #666666; font-weight: normal; font-size: 11px; } a.footer {font-weight: bold; } .style3 {color: #FFFFFF} .footer_copyright, .footer_copyright a, .footer_copyright a:visited { font-family: Arial, Helvetica, sans-serif; color: #ddddff; font-weight: normal; font-size: 11px; padding: 20px; } .derniere_conf { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; font-size: 11px; } a.canal_savoir:link, a.canal_savoir:visited, a.canal_savoir:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: normal; font-size: 11px; line-height: 14px; } /* CE QUI SUIT EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */ /* CE QUI SUIT EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */ .liens_et_doc_off { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #C3C3C3; background-color: #dddddd; color: #1b3d8b; cursor: default; border-style: solid; border-width: 1px; border-width: 2px; border-color: #1b3d8b; border-collapse:collapse; padding: 3px; padding-bottom: 2px; padding-left: 8px; } .liens_et_doc_on { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #bac6db; color: #1b3d8b; cursor: pointer; border-style: solid; border-width: 1px; border-width: 2px; border-color: #1b3d8b; border-collapse:collapse; padding: 3px; padding-bottom: 2px; padding-left: 8px; } a.liens_et_doc, a.liens_et_doc:visited, a.liens_et_doc:hover { color: #1b3d8b; text-decoration: none; } .nouvelles_off { /* pour les cellules des nouvelles internationales onMouseout */ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #1b3d8b; color: #ffffff; cursor: default; font-size: 11px; border-style: solid; border-width: 1px 1px 1px 1px; border-top-color: #487ab7; border-left-color: #1b3d8b; border-right-color: #1b3d8b; border-bottom-color: #487ab7; border-collapse:collapse; padding: 3px; padding-bottom: 2px; padding-left: 8px; } .nouvelles_on { /* pour les cellules des nouvelles internationales onMouseover */ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #ece9d8; color: #1b3d8b; cursor: pointer; font-size: 11px; border-style: solid; border-width: 1px 1px 1px 1px; border-top-color: #487ab7; border-left-color: #1b3d8b; border-right-color: #1b3d8b; border-bottom-color: #487ab7; border-collapse:collapse; padding: 3px; padding-bottom: 2px; padding-left: 8px; } a.lien_nouvelles_off:link, a.lien_nouvelles_off:visited { /* pour les liens des nouvelles internationales */ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #ffffff; cursor: default; font-size: 11px; } a.lien_nouvelles_on:link, a.lien_nouvelles_on:hover { /* pour les liens des nouvelles internationales */ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #1b3d8b; cursor: pointer; font-size: 11px; } .titre_section_menu_gauche { /* TITRE Liens et Documentation sur fond rouge + Nouvelles internationales */ color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background-color: #619936; padding: 3px; padding-left: 8px; border-style: solid; border-width: 1px; border-left-width: 2px; border-color: #1b3d8b; border-collapse:collapse; } /* CE QUI PRÉCÈDE EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */ /* CE QUI PRÉCÈDE EST POUR LES ROLLOVERS DU MENU DE GAUCHE = LIENS ET DOCS + NOUVELLES INTERNATIONALES */ .encadre_eve { border-style: solid; border-width: 2px; border-color: #1C3D8C; } .past_event { background-color: #ffffff; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #1C3D8C; /*border-width: 1px; */ border-color: #cccccc; border-collapse: collapse; } .past_event_last { background-color: #ffffff; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #1C3D8C; /*border-width: 1px; */ border-color: #cccccc; border-collapse: collapse; } .video_login { background-color: #7C9AD2; } #video_div { display: visible; } /** ******************* mise en forme tableaux événements ********************* **/ .box_event_date { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .box_event_nom { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #CC0000; } .box_event_fonction { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .box_event_titre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1C3D8C; } .box_event_titre_centre { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #1C3D8C; } .box_event_stitre { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #1C3D8C; } .box_event_type { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .box_event_type a { font-weight: bold; } .path a{ font: bold 11px Arial; } /*-----------------------------------*/ /*-----------------FR----------------*/ /*-----------------------------------*/ #topmenu_global { float:right; position:relative; width: 300px; height:20px; } #topmenu_global a{ font: 11px Arial; color:#FFFFFF; text-decoration:none; } #topmenu_global a:hover{ text-decoration:underline; } #espace_membre a{ float:left; position:relative; display:block; width: 80px; margin-top:2px; margin-left:10px; padding-left:23px; } #devenir_membre a{ float:left; position:relative; display:block; width: 80px; margin-top:2px; margin-left:10px; padding-left:23px; } #langue a{ float:left; position:relative; display:block; width: 46px; margin-top:2px; padding-left:11px; margin-left:16px; } /*-----------------------------------*/ /*-----------------EN----------------*/ /*-----------------------------------*/ #topmenu_global_en { float:right; position:relative; width: 315px; height:20px; } #topmenu_global_en a{ font: 11px Arial; color:#FFFFFF; text-decoration:none; } #topmenu_global_en a:hover{ text-decoration:underline; } #espace_membre_en a{ float:left; position:relative; display:block; width: 80px; margin-top:2px; margin-left:21px; padding-left:19px; } #devenir_membre_en a{ float:left; position:relative; display:block; width: 90px; margin-top:2px; margin-left:10px; padding-left:19px; } #langue_en a{ float:left; position:relative; display:block; width: 46px; margin-top:2px; padding-right:5px; margin-left:23px; }