/* Thanks to http://www.positioniseverything.net/easyclearing.html */ .clearA:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* --afficher rub en cours dans menu - class du body-- */ ul#navigation_primary .current ul, #navigation_primary li.nav1 ul.nav, .homepage #navigation_primary li.nav1 ul.nav, .home #navigation_primary li.nav1 ul.nav, .idee #navigation_primary li.nav3 ul.nav, .guide #navigation_primary li.nav2 ul.nav, .parc #navigation_primary li.nav4 ul.nav, .dossier #navigation_primary li.nav5 ul.nav, .reportage #navigation_primary li.nav6 ul.nav, .comparateur #navigation_primary li.nav7 ul.nav, .photo #navigation_primary li.nav1 ul.nav, .video #navigation_primary li.nav1 ul.nav, ul#navigation_primary ul li:hover ul, #navigation_primary .hover ul, ul#navigation_primary ul li.hover ul {left: 0; top: 3.2em; /* match top ul list item height */ display: block; visibility: visible;} /* --afficher ssrub en cours dans ssmenu - class du body-- */ /*guide*/ .guidehome #navigation_primary li.nav2 ul.nav li.nav1 a, .guideafrique #navigation_primary li.nav2 ul.nav li.nav2 a, .guideameriquenord #navigation_primary li.nav2 ul.nav li.nav3 a, .guideameriquesud #navigation_primary li.nav2 ul.nav li.nav4 a, .guideasie #navigation_primary li.nav2 ul.nav li.nav5 a, .guideeurope #navigation_primary li.nav2 ul.nav li.nav6 a {color:#000;text-decoration: none;font-weight: bold;} /*idee*/ .ideehome #navigation_primary li.nav3 ul.nav li.nav1 a, .ideefrance #navigation_primary li.nav3 ul.nav li.nav2 a, .ideeeurope #navigation_primary li.nav3 ul.nav li.nav3 a, .ideemonde #navigation_primary li.nav3 ul.nav li.nav4 a {color:#000;text-decoration: none;font-weight: bold;} /*parc*/ .parchome #navigation_primary li.nav4 ul.nav li.nav1 a, .parcfrance #navigation_primary li.nav4 ul.nav li.nav2 a, .parcafrique #navigation_primary li.nav4 ul.nav li.nav4 a, .parcaustralie #navigation_primary li.nav4 ul.nav li.nav5 a, .parcusa #navigation_primary li.nav4 ul.nav li.nav3 a {color:#ffcc00;text-decoration: none;font-weight: bold;} /*dossier*/ .dossierhome #navigation_primary li.nav5 ul.nav li.nav1 a, .dossieraquarium #navigation_primary li.nav5 ul.nav li.nav2 a, .dossierdesert #navigation_primary li.nav5 ul.nav li.nav6 a, .dossierparcattraction #navigation_primary li.nav5 ul.nav li.nav3 a, .dossierparczoologique #navigation_primary li.nav5 ul.nav li.nav4 a, .dossierroute #navigation_primary li.nav5 ul.nav li.nav7 a, .dossierski #navigation_primary li.nav5 ul.nav li.nav5 a, .reportagehome #navigation_primary li.nav6 ul.nav li.nav1 a {color:#000;text-decoration: none;font-weight: bold;} .comparateurhome #navigation_primary li.nav7 ul.nav li.nav1 a {color:#b6dcff;text-decoration: none;font-weight: bold;} #navigation_primary ul li {list-style: none;} #navigation_primary .current ul ul {top: -999em;} #navigation_primary li li.current > a {font-weight: bold;} #content_mainB .advertisement {z-index:9999;} /*#navigation_container {background: transparent url(../images/background_with_shadow.png) repeat-x scroll center bottom; padding: 0; margin: 0;z-index: 10000;}*/ #navigation_primary li {position: static; float: left;} #navigation_primary a {border-top: none; display: block; position: relative; text-decoration:none;} #navigation_primary a, #navigation_primary a:visited {border: none;} #navigation_mainA, #navigation_mainB {height: auto; margin: 0 auto; position: relative; width: 1000px;} #navigation_mainA {margin-bottom: 3px;} #navigation_mainB_A {border-top: 1px solid #222; position: relative; z-index: 10;} #navigation_container hr {border-color: #222; border-style: solid; border-width: 0px 0 0; line-height: 0; bottom: 2.5em; height: 0; left: 0; margin: 0; padding: 0; position: absolute; width: 100%;} #navigation_container {font-family: arial,sans-serif; font-size: 15px; height: auto; line-height: normal; position: relative; z-index: 1; padding-top: 8px; margin-top: -6px;} /*padding smenu*/ #navigation_primary ul.nav {left: 0; padding: 11px 10px 9px 15px; position: absolute; top: -999em; width:975px;} #navigation_primary > li a:hover {text-decoration: none;} #navigation_primary ul.nav li {border-left:1px solid #fff; margin-left:13px; padding-left:13px; position: relative; width: auto; float: left;} #navigation_primary > li.nav5 ul.nav li {margin-left:12px;padding-left:12px;} #navigation_primary .nav8 ul.nav li {border-left:1px solid #000;} #navigation_primary li.nav1 ul.nav li {border-left: 1px solid #777;} #navigation_primary li:hover ul, #navigation_primary li.hover ul {left: 0; top: 3.2em; /* match top ul list item height */ z-index: 99;} #navigation_primary ul.nav li:first-child, #navigation_primary li.nav1 ul.nav li:first-child {border:none; margin: 0; padding:0;} #navigation_primary > li.nav5 ul.nav li:first-child {margin-left:0px;padding-left:0px;} #navigation_primary ul.nav {font-size: .814em;} #navigation_primary span {display: block;font-size: 14px;margin: 0;padding: 0;} /*padding menu*/ #navigation_primary span a {color: #ccc; font-size: 14px; font-weight:bold; padding: 13px 15px; text-transform:uppercase;} #navigation_primary {border: none; height: 2.4em; list-style: none; float: left; padding-bottom: 2.45em; position: relative; margin: 0; z-index: 10;} #navigation_mainB_A > span, #header_search > span { position: absolute; text-indent: -9999px; } /* ------------------------------------------------------------*/ /*----- MENUS ---Hover States and Color Schemes----- */ /* ------------------------------------------------------------*/ #navigation_mainB span {display: block;} #navigation_mainB span a:hover {text-decoration: none;} /* menus others .blogs #navigation_primary li.nav1 ul.nav li.nav8 a {color: #fff;} .greenguide #navigation_primary li.nav4 ul.nav li.nav8 a {color: #c6de6e;} .movies #navigation_primary li.nav1 ul.nav li.nav9 a {color: #fff;} .news #navigation_primary li.nav1 ul.nav li.nav1 a {color: #fff;} .ngm #navigation_primary li.nav1 ul.nav li.nav2 a {color: #fff;} .science #navigation_primary li.nav1 ul.nav li.nav4 a {color: #fff;} */ /* .guide #navigation_primary li.nav2 ul.nav li.highlighted a, .guide #navigation_primary li.nav2 ul.nav li.highlighted a:hover {color: #98ccfe; text-decoration:none;} .parc #navigation_primary li.nav4 ul.nav li.highlighted a, .parc #navigation_primary li.nav4 ul.nav li.highlighted a:hover {color: #cade6f; text-decoration:none;} .dossier #navigation_primary li.nav5 ul.nav li.highlighted a, .dossier #navigation_primary li.nav5 ul.nav li.highlighted a:hover {color: #000000; text-decoration:none;} .idee #navigation_primary li.nav3 ul.nav li.highlighted a, .idee #navigation_primary li.nav3 ul.nav li.highlighted a:hover {color: #000000; text-decoration:none;} .reportage #navigation_primary li.nav6 ul.nav li.highlighted a, .reportage #navigation_primary li.nav6 ul.nav li.highlighted a:hover, .movies #navigation_primary li.nav6 ul.nav li.highlighted a, .movies #navigation_primary li.nav6 ul.nav li.highlighted a:hover {color: #ffffff; text-decoration:none;} */ /*home*/ .home #navigation_primary > li.nav1, .home #navigation_primary > li.nav1 span a, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav, #navigation_primary li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a.hover:hover, #navigation_mainA ul li.nav1 a:hover {background-color: transparent;color: #b6dcff;} .home #navigation_primary > li.nav1, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav {background-color: #000;color: #2978b9;} /*photo*/ .photo #navigation_primary > li.nav1, .photo #navigation_primary > li.nav1 span a, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav, #navigation_primary li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a.hover:hover, #navigation_mainA ul li.nav1 a:hover {background-color: transparent;color: #b6dcff;} .photo #navigation_primary > li.nav1, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav {background-color: #000;color: #2978b9;} /*video*/ .video #navigation_primary > li.nav1, .video #navigation_primary > li.nav1 span a, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav, #navigation_primary li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a:hover, #navigation_mainA ul.js li.nav1 span a.hover:hover, #navigation_mainA ul li.nav1 a:hover {background-color: transparent;color: #b6dcff;} .video #navigation_primary > li.nav1, #navigation_primary li.nav1 ul.nav a, #navigation_primary li.nav1 ul.nav {background-color: #000;color: #2978b9;} /*guide*/ .guide #navigation_primary > li.nav2, .guide #navigation_primary > li.nav2 span a, #navigation_primary li.nav2 ul.nav, #navigation_primary li.nav2 ul.nav a, #navigation_primary li.nav2 span a:hover, #navigation_mainA ul.js li.nav2 span a:hover, #navigation_mainA ul.js li.nav2 span a.hover:hover, #navigation_mainA ul.js li.nav2 a.hover{background-color: #82b4d2;color: #000;} #navigation_mainA ul li.nav2.hover ul.nav li a, #navigation_mainA ul.js li.nav2.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav2.hover span a.hover, #navigation_mainA ul li.nav2.hover span a.hover:hover {color:#000;} #navigation_mainA ul li.nav2.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav2.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav2.hover ul.nav li a.hover {background-color: #82b4d2;color: #000;} .guide #navigation_primary li.nav2 span a {background-color: #82b4d24;color: #000;} /*idee*/ .idee #navigation_primary > li.nav3, .idee #navigation_primary > li.nav3 span a, #navigation_primary li.nav3 ul.nav, #navigation_primary li.nav3 ul.nav a, #navigation_primary li.nav3 span a:hover, #navigation_mainA ul.js li.nav3 span a:hover, #navigation_mainA ul.js li.nav3 span a.hover:hover, #navigation_mainA ul.js li.nav3 a.hover {background-color: #ff9414;color: #000;} #navigation_mainA ul li.nav3.hover ul.nav li a, #navigation_mainA ul.js li.nav3.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav3.hover span a.hover, #navigation_mainA ul li.nav3.hover span a.hover:hover {color:#000;} #navigation_mainA ul li.nav3.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav3.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav3.hover ul.nav li a.hover {background-color:transparent;color: #000;} .idee #navigation_primary li.nav3 span a {background-color: #ff9414;color: #000;} /*parc*/ .parc #navigation_primary > li.nav4, .parc #navigation_primary > li.nav4 span a, #navigation_primary li.nav4 ul.nav, #navigation_primary li.nav4 ul.nav a, #navigation_primary li.nav4 span a:hover, #navigation_mainA ul.js li.nav4 span a:hover, #navigation_mainA ul.js li.nav4 span a.hover:hover, #navigation_mainA ul.js li.nav4 a.hover {background-color: #881f00;color: #ffcc00;} /*background-color: #39433a;color: #c6de6e;*/ #navigation_mainA ul li.nav4.hover ul.nav li a, #navigation_mainA ul.js li.nav4.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav4.hover span a.hover, #navigation_mainA ul li.nav4.hover span a.hover:hover {color:#ffcc00;} #navigation_mainA ul li.nav4.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav4.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav4.hover ul.nav li a.hover {background-color:transparent;color: #ffcc00;} /*dossier*/ /* .dossier #navigation_primary > li.nav5, #navigation_primary li.nav5 ul.nav, #navigation_primary li.nav5 ul.nav a, #navigation_primary li.nav5 span a:hover, #navigation_mainA ul.js li.nav5 span a:hover, #navigation_mainA ul.js li.nav5 span a.hover:hover, #navigation_mainA ul.js li.nav5 a.hover {background-color: #82b4d2;color: #fff;} .dossier #navigation_primary > li.nav5 span a {color: #000;} */ .dossier #navigation_primary > li.nav5, .dossier #navigation_primary > li.nav5 span a, #navigation_primary li.nav5 ul.nav, #navigation_primary li.nav5 ul.nav a, #navigation_primary li.nav5 span a:hover, #navigation_mainA ul.js li.nav5 span a:hover, #navigation_mainA ul.js li.nav5 span a.hover:hover, #navigation_mainA ul.js li.nav5 a.hover {background-color: #7ab501;color:#000;} #navigation_mainA ul li.nav5.hover ul.nav li a, #navigation_mainA ul.js li.nav5.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav5.hover span a.hover, #navigation_mainA ul li.nav5.hover span a.hover:hover {color:#000;} #navigation_mainA ul li.nav5.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav5.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav5.hover ul.nav li a.hover {background-color:transparent;color: #000;} .dossier #navigation_primary li.nav5 span a {background-color: #7ab501;color: #000;} /*reportage*/ .reportage #navigation_primary > li.nav6, .reportage #navigation_primary > li.nav6 span a, #navigation_primary li.nav6 ul.nav, #navigation_primary li.nav6 ul.nav a, #navigation_primary li.nav6 span a:hover, #navigation_mainA ul.js li.nav6 span a:hover, #navigation_mainA ul.js li.nav6 span a.hover:hover, #navigation_mainA ul.js li.nav6 a.hover {background-color: #d100c5;color: #fff;} /*background-color: #39433a;color: #c6de6e;*/ #navigation_mainA ul li.nav6.hover ul.nav li a, #navigation_mainA ul.js li.nav6.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav6.hover span a.hover, #navigation_mainA ul li.nav6.hover span a.hover:hover {color:#fff;} #navigation_mainA ul li.nav6.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav6.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav6.hover ul.nav li a.hover {background-color:transparent;color: #fff;} /*comparateur*/ .comparateur #navigation_primary > li.nav7, .comparateur #navigation_primary > li.nav7 span a, #navigation_primary li.nav7 ul.nav, #navigation_primary li.nav7 ul.nav a, #navigation_primary li.nav7 span a:hover, #navigation_mainA ul.js li.nav7 span a:hover, #navigation_mainA ul.js li.nav7 span a.hover:hover, #navigation_mainA ul.js li.nav7 a.hover {background-color: #06395F;color: #b6dcff;} /*background-color: #39433a;color: #c6de6e;*/ #navigation_mainA ul li.nav7.hover ul.nav li a, #navigation_mainA ul.js li.nav7.hover ul.nav li a {color: #fff;} #navigation_mainA ul li.nav7.hover span a.hover, #navigation_mainA ul li.nav7.hover span a.hover:hover {color:#fff;} #navigation_mainA ul li.nav7.hover ul.nav li a.hover:hover, #navigation_mainA ul.js li.nav7.hover ul.nav li a:hover, #navigation_mainA ul.js li.nav7.hover ul.nav li a.hover {background-color:transparent;color: #fff;} /* -----COULEUR LIEN HOVER Secondary Nav-----*/ /* Secondary Nav Home Hover State */ #navigation_primary li.nav1 ul.nav li a:hover {color:#2978b9;} /* Secondary Nav guide Hover State */ #navigation_primary li.nav2 ul.nav li a:hover {color:#000;} /* Secondary Nav idee Hover State */ #navigation_primary li.nav3 ul.nav li a:hover {color:#000;} /* Secondary Nav parc Hover State */ #navigation_primary li.nav4 ul.nav li a:hover {color:#ffcc00;} /* Secondary Nav dossier Hover State */ #navigation_primary li.nav5 ul.nav li a:hover {color:#000;} /* Secondary Nav reportage Hover State */ #navigation_primary li.nav6 ul.nav li a:hover {color:#fff;} /* Secondary Nav NatGeoTV Hover State */ #navigation_primary li.nav7 ul.nav li a:hover {color:#fff;} /* Secondary Nav Kids Hover State */ #navigation_primary li.nav8 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_primary li.nav9 ul.nav li a:hover {color:#fff;} /* Secondary Nav Shop Hover State */ #navigation_primary li.nav10 ul.nav li a:hover {color:#fff;} /* */ #navigation_primary li.nav1 ul.nav a { color:#d2ebfc;font-weight: normal;} #navigation_primary li.nav2 ul.nav a, #navigation_primary li.nav3 ul.nav a, #navigation_primary li.nav4 ul.nav a, #navigation_primary li.nav5 ul.nav a, #navigation_primary li.nav6 ul.nav a, #navigation_primary li.nav7 ul.nav a { color:#fff;font-weight: normal;} /* International Page exceptions */ .intl #navigation_primary > li.nav10, .intl #navigation_primary > li.nav10 span a {visibility:hidden;} .intl #navigation_primary li.nav7 ul.nav {height:15px;} .intl #navigation_primary li.nav7 ul.nav > li {display:none;} /* Secondary Nav Hover States */ #navigation_primary li.nav1 ul.nav a:hover, #navigation_primary li.nav2 ul.nav a:hover, #navigation_primary li.nav3 ul.nav a:hover, #navigation_primary li.nav4 ul.nav a:hover, #navigation_primary li.nav5 ul.nav a:hover, #navigation_primary li.nav6 ul.nav a:hover, #navigation_primary li.nav7 ul.nav a:hover, #navigation_primary li.nav8 ul.nav a:hover, #navigation_primary li.nav9 ul.nav a:hover, #navigation_primary li.nav10 ul.nav a:hover {text-decoration: underline;} /* Hover States with JS enabled */ #navigation_mainA ul.js li.nav1 span a:hover, #navigation_mainA ul.js li.nav2 span a:hover, #navigation_mainA ul.js li.nav3 span a:hover, #navigation_mainA ul.js li.nav4 span a:hover, #navigation_mainA ul.js li.nav5 span a:hover, #navigation_mainA ul.js li.nav6 span a:hover, #navigation_mainA ul.js li.nav7 span a:hover, #navigation_mainA ul.js li.nav8 span a:hover, #navigation_mainA ul.js li.nav9 span a:hover {background-color: transparent;}