/* Mise en page CSS du site pour screen */ /* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */ * {margin: 0px;padding: 0px;} body {font-family: Arial, Helvetica, sans-serif;font-size: .8em;margin: 0px;padding: 0px;background:#000000;color:#ffffff;} img {border: 0 } div#container img {margin:5px; } img.left {border: 0; float:left;} img.right{border: 0; float: right;} div#container_acces img { margin:0 4px 0 0;} div#container_acces ul { padding-left:20px; width:auto} div#container_acces ul li{padding:10px 0px;} div#container_acces ul li img{ margin:0px;} h1 {font-size: 1.5em;color: #000000;} h2 {font-size: 1.2em;color: #000000;font-weight: bold;} h3 {font-size: 0.9em;font-weight: bold;color: #ffffff;font-weight:bold; } h4 {font-size: 1.2em;font-weight: bold;text-transform:uppercase; border-bottom:solid 1px #FFFFFF;} div {background-color:transparent} h5{font-size:1em;color: #FFFFFF; background-color:#292929; margin-bottom:5px; width:auto;} p {text-align: left;margin: 12px 40px 20px 22px;} p.encadre{ border:solid 1px #999999; color: #FFFFFF; padding:7px 15px; font-size:1em; background:#474747; margin:10px 0px 10px 16px; width:620px} p.encadre-gauche{border:solid 1px #999999; color: #FFFFFF; padding:7px 15px; font-size:1em; background:#474747; margin:10px 14px 10px 18px; width:280px; display:block; float:left} p.encadre-droite{ border:solid 1px #999999; color: #FFFFFF; padding:7px 15px;font-size:1em; background:#474747; margin:10px 0px; width:280px; display:block; float:left} div#legende{padding-top:40px; width:240px; float:right; margin-bottom:20px;} div#bibliotheque{float:left; padding-left:22px; margin:20px 0px; width:700px; } div#bibliotheque img {padding-right:3px;} div#bibliotheque p { width:209px;} div#bibliotheque2{float:left; padding-left:18px; margin:20px 0px; width:710px;} div#bibliotheque2 img {padding-right:3px;} .encart_image { float:left; width:209; text-align:center; height:200px; width:220px;} .encart_image p { margin:0px; padding-left:4px; padding-top:4px; font-size:0.9em;} div#colonne-droite #contenu.orga p.encadre-gauche a, div#colonne-droite #contenu.orga p.encadre-droite a, div#colonne-droite #contenu.orga p.encadre a {color:#79901C;} div#colonne-droite #contenu.expo p.encadre-gauche a, div#colonne-droite #contenu.expo p.encadre-droite a, div#colonne-droite #contenu.expo p.encadre a {color:#C0588F;} div#colonne-droite #contenu.visit p.encadre-gauche a, div#colonne-droite #contenu.visit p.encadre-droite a, div#colonne-droite #conten.visit p.encadre a {color:#F48308;} div#colonne-droite #contenu.acces p.encadre-gauche a, div#colonne-droite #contenu.acces p.encadre-droite a, div#colonne-droite #conten.acces p.encadre a {color:#5A98B5;} table { width:650px; /*float:left*/; margin: 15px 0 15px 20px;} table td{ border-bottom: solid 1px #999999; padding: 10px} div#container div#colonne-droite #contenu table td ul { width:auto} .salon {border:solid 1px #999999;} .table{ background-color:#444444} .table img{} table.partenaire tr.table {color:#444444; background-color:#FFFFFF;} table.partenaire td {color:#444444;} table.partenaire td strong, table.partenaire td a {color:#C0588F} div#colonne-droite #contenu.eurexpo h4 {font-size: 1.6em;color:#BD2634; text-transform:uppercase; border-bottom:solid 1px #999999; padding-top:20px; margin:15px 40px 10px 22px; } div#colonne-droite #contenu.orga h4 {font-size: 1.6em;color:#79901C; text-transform:uppercase; border-bottom:solid 1px #79901C; padding-top:20px; margin:15px 40px 10px 22px; } div#colonne-droite #contenu.expo h4 {font-size: 1.6em;color:#C0588F; text-transform:uppercase; border-bottom:solid 1px #C0588F; padding-top:20px; margin:15px 40px 10px 22px;} div#colonne-droite #contenu.visit h4 {font-size: 1.6em;color:#F48308; text-transform:uppercase; border-bottom:solid 1px #F48308; padding-top:20px;margin:15px 40px 10px 22px;} div#colonne-droite #contenu.acces h4 {font-size: 1.6em;color:#5A98B5; text-transform:uppercase; border-bottom:solid 1px #5A98B5; padding-top:20px;margin:15px 40px 10px 22px;} div#colonne-droite #contenu.eurexpo h5{color:#BD2634;padding:10px; margin-left: 20px; width: 630px} div#colonne-droite #contenu.orga h5{color:#79901C;padding:10px; margin-left: 20px; width: 630px; } div#colonne-droite #contenu.expo h5{color:#C0588F;padding:10px; margin-left: 20px; width: 630px} div#colonne-droite #contenu.visit h5{color:#F48308;padding:10px; margin-left: 20px; width: 630px} div#colonne-droite #contenu.acces h5{color:#5A98B5;padding:10px; margin-left: 20px; width: 630px} div#colonne-droite #contenu.eurexpo p.puce_grise{background:url(../images/puce_grise.gif) top left no-repeat; padding-left:20px;} div#colonne-droite #contenu.orga p.puce_verte{background:url(../images/puce_verte.gif) top left no-repeat;} div#colonne-droite #contenu.expo p.puce_rose{background:url(../images/puce_rose.gif) top left no-repeat;} div#colonne-droite #contenu.visit p.puce_orange{background:url(../images/puce_orange.gif) top left no-repeat;} div#colonne-droite #contenu.acces p.puce_bleu{background:url(../images/puce_bleu.gif) top left no-repeat;} div#container div#colonne-droite #contenu ul { width:660px; margin: 8px 0; display:block} div#container div#colonne-droite #contenu ul li {padding: 2px 0 2px 15px; margin: 0px 0px 0px 45px;} div#container.eurexpo div#colonne-droite #contenu ul li {background:url(../images/puce_grise.gif) left 6px no-repeat;} div#container.orga div#colonne-droite #contenu ul li{background:url(../images/puce_verte.gif) left 6px no-repeat;} div#container.expo div#colonne-droite #contenu ul li{background:url(../images/puce_rose.gif) left 6px no-repeat;} div#container.visit div#colonne-droite #contenu ul li{background:url(../images/puce_orange.gif) left 6px no-repeat;} div#container.acces div#colonne-droite #contenu ul li{background:url(../images/puce_bleu.gif) left 6px no-repeat;} div#container.eurexpo div#colonne-droite #contenu ul li a {color:#FFFFFF; text-decoration:underline} div#container.orga div#colonne-droite #contenu ul li a {color:#FFFFFF; text-decoration:underline} div#container.expo div#colonne-droite #contenu ul li a {color:#FFFFFF; text-decoration:underline} div#container.visit div#colonne-droite #contenu ul li a {color:#FFFFFF; text-decoration:underline} div#container.acces div#colonne-droite #contenu ul li a {color:#FFFFFF; text-decoration:underline} div#container.eurexpo div#colonne-droite #contenu ul li a:hover, div#container.orga div#colonne-droite #contenu ul li a:hover, div#container.expo div#colonne-droite #contenu ul li a:hover, div#container.visit div#colonne-droite #contenu ul li a:hover, div#container.acces div#colonne-droite #contenu ul li a:hover { text-decoration:underline;} div#container.eurexpo div#colonne-droite #contenu ul li ul li {background:url(../images/ss-nav-rouge.gif) left 10px no-repeat;} div#container.orga div#colonne-droite #contenu ul li ul li{background:url(../images/ss-nav-verte.gif) left 10px no-repeat;} div#container.expo div#colonne-droite #contenu ul li ul li{background:url(../images/ss-nav-rose.gif) left 10px no-repeat;} div#container.visit div#colonne-droite #contenu ul li ul li{background:url(../images/ss-nav-orange.gif) left 10px no-repeat;} div#container.acces div#colonne-droite #contenu ul li ul li{background:url(../images/ss-nav-bleu.gif) left 10px no-repeat;} div#container div#colonne-droite #contenu p.en_savoir_plus{padding: 0px 0px 0px 115px; height: auto; width:560px; /*float:left;*/ margin: 10px 0 12px 22px;} div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/gris_ensavoirplus.gif) top left no-repeat;} div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus a{ color:#BD2634} div#container.visit div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/orange_ensavoirplus.gif) top left no-repeat;} div#container.visit div#colonne-droite #contenu p.en_savoir_plus a{ color:#F48308} div#container.orga div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/vert_ensavoirplus.gif) top left no-repeat;} div#container.orga div#colonne-droite #contenu p.en_savoir_plus a{ color:#79901C} div#container.expo div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/rose_ensavoirplus.gif) top left no-repeat;} div#container.expo div#colonne-droite #contenu p.en_savoir_plus a{ color:#C0588F} div#container.acces div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/bleu_ensavoirplus.gif) top left no-repeat;} div#container.acces div#colonne-droite #contenu p.en_savoir_plus a{ color:#5A98B5} div#container.eurexpo.en div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/gris_ensavoirplus_en.gif) top left no-repeat;} div#container.eurexpo.en div#colonne-droite #contenu p.en_savoir_plus a{ color:#BD2634} div#container.visit.en div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/orange_ensavoirplus_en.gif) top left no-repeat;} div#container.visit.en div#colonne-droite #contenu p.en_savoir_plus a{ color:#F48308} div#container.orga.en div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/vert_ensavoirplus_en.gif) top left no-repeat;} div#container.orga.en div#colonne-droite #contenu p.en_savoir_plus a{ color:#79901C} div#container.expo.en div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/rose_ensavoirplus_en.gif) top left no-repeat;} div#container.expo.en div#colonne-droite #contenu p.en_savoir_plus a{ color:#C0588F} div#container.acces.en div#colonne-droite #contenu p.en_savoir_plus{background:url(../images/bleu_ensavoirplus_en.gif) top left no-repeat;} div#container.acces.en div#colonne-droite #contenu p.en_savoir_plus a{ color:#5A98B5} div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus_grise, div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus_gris{background:url(../images/grise_ensavoirplus.gif) left top no-repeat;} div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus_grise a, div#container.eurexpo div#colonne-droite #contenu p.en_savoir_plus_gris a{ color:#999999} .chiffres{font-weight:bold; font-size:1em; color:#5A98B5} .chiffres-orange{font-weight:bold; font-size:1em; color:#F48308} .chiffres-vert{font-weight:bold; font-size:1em; color:#79901C} .chiffres-rose{font-weight:bold; font-size:1em; color:#C0588F} div#colonne-droite #contenu form { width: 610px; margin-left: 25px} div#colonne-droite #contenu form select { width: 30%; margin: 10px 0} div.spip_forms .spip_bouton input { background-color:#BD2634 !important; color:#FFFFFF; border: solid 1px #BD2634;} div.spip_forms .spip_bouton input:hover { background-color:#444444; color:#FFFFFF} div.invisible { display:none; visibility:hidden} div#container.eurexpo ul li a {padding: 0px; font-weight:normal; text-decoration:none; color: #FFFFFF;} div#container.eurexpo ul li a:link, a:active {outline:none;/*font-weight:bold;*/ text-decoration:none; color:#FFFFFF;} div#container.eurexpo ul li a:hover {text-decoration:underline; color:#999999;} p a {padding: 0px; font-weight:normal; text-decoration:none; color: #FFFFFF; font-size:.85em} p a:hover{text-decoration:underline; color: #999999;} .texte-rose{color:#C0588F;} strong { color:#FFFFFF; font-weight:bold;} a:link, a:active, a:visited {outline:none;/*font-weight:bold;*/ text-decoration:none; color: #FFFFFF} a.visit:hover {text-decoration:underline; color: #BD2634;} a.orga:hover {color:#79901C;} a.expo:hover{color:#C0588F;} a.acces:hover{color:#5A98B5;} ul, li, dl, dt, dd {list-style-type: none;} abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;} hr { display:none} .myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block;} /* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */ div#fond_anim {height:700px;left:0px;position:fixed;top:0px;width:100%;background-color:#000;z-index:10000;position:absolute;display:block} div#colonne-gauche #col-gauche-top{background:url(../images/fond-col-gauche-top.png) left top no-repeat;height:149px;} div#colonne-gauche #col-gauche-middle{background:url(../images/fond-col-gauche-middle.png) left top repeat-y;height:auto;} div#colonne-gauche #col-gauche-bottom{background:url(../images/fond-col-gauche-bottom.png) left top no-repeat;height:205px; padding-top: 10px} div#colonne-gauche{float:left;width:191px;} .cg-index{float:left;width:191px;background:url(../images/fond-col-gauche.png) left top no-repeat;} .cg-index h1 {margin-bottom:38px;} .cg-index .diapo-index {margin-bottom:13px;} div#fond_anim.en h1{background:url(../images/logo-eurexpo-noir_en.png);height:201px;width:350px; margin:280px auto 0 auto; text-indent:-9000em; display:block; position:relative;} div#fond_anim h1{background:url(../images/logo-eurexpo-noir.png);height:201px;width:350px; margin:280px auto 0 auto; text-indent:-9000em; display:block; position:relative;} div#container {width:930px !important;width:950px;margin:15px auto 0 auto; border:1px solid #666666;background:#1D1D1D;} div#container #fond_fade{background:#1D1D1D url(../images/fond-menu-bottom.png) right bottom no-repeat;} div#container div#colonne-droite #contenu #ariane{ font-size:.75em; font-weight:normal; color: #999999; float:left; /*background: url(../images/fond-content.png) left top no-repeat; */ width:720px; padding-top: 10px; padding-left: 25px; margin-top: -10px; margin-left: 0px} div#container div#colonne-droite #contenu #ariane ul li a{color: #999999;} div#container div#colonne-droite #contenu #ariane ul li a:hover, div#container div#colonne-droite #contenu #services ul li.print a:hover, div#container div#colonne-droite #contenu #services ul li.favori a:hover{color: #FFFFFF;} div#container div#colonne-droite #contenu #services { font-size:.75em; font-weight:normal; padding-left:25px; width:720px; float:left; margin-top:20px} div#container div#colonne-droite #contenu #services ul li.top a { background:url(../images/top.gif) left 2px no-repeat; padding-left: 10px;color: #999999; margin-right:10px} div#container div#colonne-droite #contenu #services ul li.print a { background:url(../images/print.gif) left 2px no-repeat; padding-left: 15px;color: #999999;margin-right:10px} div#container div#colonne-droite #contenu #services ul li.favori a { background:url(../images/favori.gif) left 2px no-repeat; padding-left: 15px;color: #999999} div#container div#colonne-droite #contenu #ariane ul li, div#container div#colonne-droite #contenu #services ul li{ display:inline; background:none; margin:0px; padding:0px} .legende { font-size:.75em; /*margin-left: 255px;*/ padding-right: 15px} div#colonne-gauche{float:left;} div#colonne-gauche h1{text-indent:-9000em;display:none} div#container div#colonne-gauche #slide_fix h1 {background:url(../images/logo-eurexpo.png) left top no-repeat;height:80px;width:167px;text-indent:-9000em; margin:10px 0 0 6px;display:block; overflow:hidden; padding-top:10px} div#colonne-gauche p { margin:0px; padding:10px 0 0 0} div#container div#colonne-gauche p a{background:url(../images/logo-eurexpo.png) left top no-repeat;height:96px;width:167px;text-indent:-9000em; margin:0 0 0 6px;display:block; overflow:hidden} div#container div#colonne-gauche p a:hover{background:url(../images/logo-eurexpo.png) left bottom no-repeat;} div#container.en div#colonne-gauche #slide_fix h1 {background:url(../images/logo-eurexpo_en.png) left top no-repeat;height:80px;width:167px;text-indent:-9000em; margin:10px 0 0 6px;display:block; overflow:hidden; padding-top:10px} div#container.en div#colonne-gauche p { margin:0px; padding:10px 0 0 0} div#container.en div#colonne-gauche p a{background:url(../images/logo-eurexpo_en.png) left top no-repeat;height:96px;width:167px;text-indent:-9000em; margin:0 0 0 6px;display:block; overflow:hidden} div#container.en div#colonne-gauche p a:hover{background:url(../images/logo-eurexpo_en.png) left bottom no-repeat;} div#colonne-gauche #diapo ul#portfolio { background:none; margin: 20px 0} div#colonne-gauche #diapo ul#portfolio li a { background:none; padding:0px; margin:0px; } div#colonne-gauche #diapo ul#portfolio li a img { border: #666666 solid 1px} div#container div#colonne-gauche #diapo {margin:0px; padding-left:15px; width:172px;} div#container div#colonne-gauche #diapo h3{font-size:1em;padding:1pt 0pt 1pt 10px;width:150px; background: #444444;} div#container.eurexpo div#colonne-gauche #diapo h3{background:#BD2634;} div#container.visit div#colonne-gauche #diapo h3{background:#F48308;} div#container.orga div#colonne-gauche #diapo h3{background:#79901C;} div#container.expo div#colonne-gauche #diapo h3{background:#C0588F;} div#container.acces div#colonne-gauche #diapo h3{background:#5A98B5;} div#colonne-gauche #diapo ul{ margin-bottom:0px} div#colonne-gauche #diapo ul.menu-ul{ } div#colonne-gauche #diapo ul li { margin: 6px 0 10px 0} div#colonne-gauche #diapo ul li a{padding-left:12px;font-size:.9em;background:#1d1d1d url(../images/puce.gif) left 2px no-repeat;padding-right:5px; margin: 5px 0 2px 0; font-weight:normal} div#colonne-gauche #diapo ul li ul li { margin: 0px 12px 10px 0} div#colonne-gauche #diapo ul li ul li a{padding-left:10px;font-size:.85em;padding-right:5px; margin: 5px 0 2px 0; font-weight:normal} div#colonne-gauche #diapo ul li ul li ul li { margin: 0px 0px 10px 35px} div#colonne-gauche #diapo ul li ul li ul li a{padding-left:0px;font-size:.85em;padding-right:5px; margin: 5px 0 2px 0; font-weight:normal} div#colonne-gauche ul.menu-ul li:hover { behavior : expression(addHover(this)); } div#container div#colonne-gauche #diapo ul.menu-ul li.actif {background:#1d1d1d url(../images/barre.gif) 7px 9px no-repeat;} div#container div#colonne-gauche #diapo ul.menu-ul li.actif a{color:#BD2634} div#container div#colonne-gauche #diapo ul.menu-ul li:hover {background:#1d1d1d url(../images/barre.gif) 7px 9px no-repeat;} div#container div#colonne-gauche #diapo ul.menu-ul li:hover a{color:#BD2634} div#container.acces div#colonne-gauche #diapo ul li a { background:#1d1d1d url(../images/nav_puce-bleu.gif) left top no-repeat;color:#FFFFFF} div#container.acces div#colonne-gauche #diapo ul li a:visited { color: #999999} div#container.acces div#colonne-gauche #diapo ul li.actif {background:#1d1d1d url(../images/barre_bleu.jpg) 7px 9px no-repeat;} div#container.acces div#colonne-gauche #diapo ul li.actif a, div#container.acces div#colonne-gauche #diapo ul li.actif a:visited {color:#5A98B5;} div#container.acces div#colonne-gauche #diapo ul li:hover{background:#1d1d1d url(../images/barre_bleu.jpg) 7px 9px no-repeat;} div#container.acces div#colonne-gauche #diapo ul li:hover a { color:#5A98B5} div#container.acces div#colonne-gauche #diapo ul li ul li a {background: url(../images/ss-nav-bleu.gif) left 8px no-repeat;color:#FFFFFF; margin: 5px 0 0 15px} div#container.acces div#colonne-gauche #diapo ul li ul li a:hover {color:#FFFFFF;} div#container.acces div#colonne-gauche #diapo ul li ul li.actif {background:#1d1d1d none} div#container.acces div#colonne-gauche #diapo ul li ul li.actif a, div#container.acces div#colonne-gauche #diapo ul li ul li.actif a:visited {color:#FFFFFF} div#container.acces div#colonne-gauche #diapo ul li ul li:hover {background:#1d1d1d none;} div#container.expo div#colonne-gauche #diapo ul li a { background:#1d1d1d url(../images/nav_puce-rose.gif) left top no-repeat;color:#FFFFFF} div#container.expo div#colonne-gauche #diapo ul li a:visited {color: #999999} div#container.expo div#colonne-gauche #diapo ul li.actif { background:#1d1d1d url(../images/barre_rose.jpg) 7px 9px no-repeat;} div#container.expo div#colonne-gauche #diapo ul li.actif a, div#container.expo div#colonne-gauche #diapo ul li.actif a:visited { color:#C0588F} div#container.expo div#colonne-gauche #diapo ul li:hover {background:#1d1d1d url(../images/barre_rose.jpg) 7px 9px no-repeat;} div#container.expo div#colonne-gauche #diapo ul li:hover a{ color:#C0588F} div#container.expo div#colonne-gauche #diapo ul li ul li a {background: url(../images/ss-nav-rose.gif) left 8px no-repeat;color:#FFFFFF !important; margin: 5px 0 0 15px} div#container.expo div#colonne-gauche #diapo ul li ul li a:hover {color:#C0588F !important;} div#container.expo div#colonne-gauche #diapo ul li ul li.actif {background:#1d1d1d none;} div#container.expo div#colonne-gauche #diapo ul li ul li.actif a, div#container.expo div#colonne-gauche #diapo ul li ul li.actif a:visited {color:#C0588F !important} div#container.expo div#colonne-gauche #diapo ul li ul li:hover {background:none;} div#container.orga div#colonne-gauche #diapo ul li a { background:#1d1d1d url(../images/nav_puce-verte.gif) left top no-repeat;color:#FFFFFF} div#container.orga div#colonne-gauche #diapo ul li a:visited {color:#999999} div#container.orga div#colonne-gauche #diapo ul li.actif {background:#1d1d1d url(../images/barre_verte.jpg) 7px 9px no-repeat;} div#container.orga div#colonne-gauche #diapo ul li.actif a, div#container.orga div#colonne-gauche #diapo ul li.actif a:visited {color:#79901C} div#container.orga div#colonne-gauche #diapo ul li:hover{background:#1d1d1d url(../images/barre_verte.jpg) 7px 9px no-repeat;} div#container.orga div#colonne-gauche #diapo ul li:hover a{ color:#79901C} div#container.orga div#colonne-gauche #diapo ul li ul li a {background: url(../images/ss-nav-verte.gif) left 8px no-repeat;color:#FFFFFF !important; margin: 5px 0 0 15px} div#container.orga div#colonne-gauche #diapo ul li ul li a:hover {color:#79901C !important;background: url(../images/ss-nav-verte.gif) left 8px no-repeat;} div#container.orga div#colonne-gauche #diapo ul li ul li.actif {background:#1d1d1d none} div#container.orga div#colonne-gauche #diapo ul li ul li.actif a, div#container.orga div#colonne-gauche #diapo ul li ul li.actif a:visited {color:#79901C !important} div#container.orga div#colonne-gauche #diapo ul li ul li:hover {background: none;} div#container.visit div#colonne-gauche #diapo ul li a { background:#1d1d1d url(../images/nav_puce-orange.gif) left top no-repeat; color:#FFFFFF} div#container.visit div#colonne-gauche #diapo ul li a:visited {color:#999999} div#container.visit div#colonne-gauche #diapo ul li.actif {background:#1d1d1d url(../images/barre_orange.jpg) 7px 9px no-repeat;} div#container.visit div#colonne-gauche #diapo ul li.actif a, div#container.visit div#colonne-gauche #diapo ul li.actif a:visited {color:#F48308} div#container.visit div#colonne-gauche #diapo ul li:hover{background:#1d1d1d url(../images/barre_orange.jpg) 7px 9px no-repeat;} div#container.visit div#colonne-gauche #diapo ul li:hover a{ color:#FFFFFF} div#container.visit div#colonne-gauche #diapo ul li ul li {color:#FFFFFF} div#container.visit div#colonne-gauche #diapo ul li ul li a {background: url(../images/ss-nav-orange.gif) left 8px no-repeat;color:#FFFFFF !important; margin: 5px 0 0 15px} div#container.visit div#colonne-gauche #diapo ul li ul li a:hover {color:#F48308 !important;} div#container.visit div#colonne-gauche #diapo ul li ul li.actif {background:#1d1d1d none} div#container.visit div#colonne-gauche #diapo ul li ul li.actif a, div#container.visit div#colonne-gauche #diapo ul li ul li.actif a:visited {color:#F48308 !important} div#container.visit div#colonne-gauche #diapo ul li ul li:hover {background: none;} /*div#colonne-gauche #diapo ul li a:hover{ text-decoration:none;padding-right:5px;}*/ div#container div#colonne-gauche #calendrier {background:url(../images/calendrier.png) 0px 25px no-repeat;height:178px;width:139px;margin:-10px 0px 17px 25px ;} div#container.en div#colonne-gauche #calendrier {background:url(../images/calendrier_en.png) 0px 25px no-repeat;height:178px;width:139px;margin:-10px 0px 17px 25px ;} div#colonne-gauche #calendrier a {height:178px;width:139px; display:block; text-indent: -9000em} div#colonne-droite{ width:730px; float:left;} div#colonne-droite #menu{background:#1d1d1d url(../images/fond-menu.png) left top no-repeat;padding-top:10px;padding-right:0px; padding-bottom:0px; float:left; width: 715px; position:relative; z-index:999} div#colonne-droite #menu #menu-pratique { color:#FF0000;padding-right:0px; float:right;font-size: .9em; font-weight:normal} div#colonne-droite #menu #menu-pratique ul li{display:inline;color:#FF0000;} div#colonne-droite #menu #menu-pratique ul li a img { padding:0px; margin: 4px 0 0 0} div#colonne-droite #menu #menu-pratique ul li a.important{/*background:#444444; padding:1px; */font-weight:bold; } div#colonne-droite #menu #menu-pratique ul li a.important:hover {color:#BD2634;} div#colonne-droite #menu #menu-pratique ul li a{color:#FFFFFF;margin:0 5px;} div#colonne-droite #menu #menu-pratique ul li a:hover{color:#999999; text-decoration:none} div#colonne-droite #menu #menu-pratique li.langues a{display:block;float:left; width:16px; height:12px} div#colonne-droite #menu #menu-nav {display:block;text-align:right;padding:20px 0 0 0; margin: 0 20px 0 17px; float:left;background:url(../images/barre-menu.png) left top no-repeat;} div#colonne-droite #menu #menu-nav ul { width:735px; } div#colonne-droite #menu #menu-nav ul li {display:inline; float:left; position:relative; } div#colonne-droite #menu #menu-nav ul li.jdm_hover.jdm_active a { width: 170px; } div#colonne-droite #menu #menu-nav ul li a{width:150px;color:#FFFFFF;font-weight:bold;letter-spacing:0px;font-size:1.2em;padding:4px 15px 4px 5px;display:block;margin-right:5px;} div#colonne-droite #menu #menu-nav ul li a:hover{text-decoration:none;} div#colonne-droite #menu #menu-nav ul li a.visit{background:#f48308 url(../images/btn_nav_orange.gif) -2px 0px no-repeat;} div#colonne-droite #menu #menu-nav ul li a.orga{background:#79901c url(../images/btn_nav_vert.gif) -2px 0px no-repeat; left:150px;} div#colonne-droite #menu #menu-nav ul li a.expo{background:#bf558d url(../images/btn_nav_rose.gif) -2px 0px no-repeat; left:300px;} div#colonne-droite #menu #menu-nav ul li a.acces{background:#5e96b1 url(../images/btn_nav_bleu.gif) -2px 0px no-repeat; left:450px;} div#colonne-droite #menu #menu-nav ul li ul { position:absolute; margin-top:1px; padding:10px 0;width:190px; display:none; font-size: .8em} div#colonne-droite #menu #menu-nav ul li#visit ul { background:#f48308; } div#colonne-droite #menu #menu-nav ul li#orga ul { background:#79901c; } div#colonne-droite #menu #menu-nav ul li#expo ul { background:#bf558d; } div#colonne-droite #menu #menu-nav ul li#acces ul { background:#5e96b1; } div#colonne-droite #menu #menu-nav ul li ul li { padding:0px; margin:0px; float:none; border:none; } div#colonne-droite #menu #menu-nav ul li ul li a { font-weight:none; display:block; width:90%; } div#colonne-droite #menu #menu-nav ul li ul li a:hover{text-decoration:none; color:#FFF; } div#colonne-droite #menu #menu-nav ul li#visit ul li a:hover{ background:#FFB96F; } div#colonne-droite #menu #menu-nav ul li#orga ul li a:hover{ background:#BDCF74; } div#colonne-droite #menu #menu-nav ul li#expo ul li a:hover{ background:#DF99BE; } div#colonne-droite #menu #menu-nav ul li#acces ul li a:hover{ background:#A7CEDF; } div#colonne-droite #menu #menu-nav ul li ul li a.visit{background:#f48308 url(../images/btn_nav_orange.gif) 20px 0px no-repeat;} div#colonne-droite #menu #menu-nav ul li ul li a.orga{background:#79901c url(../images/btn_nav_vert.gif) 20px 0px no-repeat; left:150px;} div#colonne-droite #menu #menu-nav ul li ul li a.expo{background:#bf558d url(../images/btn_nav_rose.gif) 20px 0px no-repeat; left:300px;} div#colonne-droite #menu #menu-nav ul li ul li a.acces{background:#5e96b1 url(../images/btn_nav_bleu.gif) 20px 0px no-repeat; left:450px;} div#colonne-droite #contenu {margin:0 15px 15px 15px;padding:10px 0px;background: url(../images/fond-content-repeat.png) left top repeat-y; width:710px; float:left; position:relative; } div#colonne-droite #contenu .player {display:block; height:359px; width:480px; margin-left:107px; text-align:center; text-decoration:none;} div#colonne-droite #contenu.home {margin:-15px 15px;padding:0px;background:none; width:710px; float:left} div#colonne-droite #contenu-full {float:left;width:690px;height:278px; margin-top:22px} div#colonne-droite #contenu #contenu-gauche {float:left;width:350px;} div#colonne-droite #contenu #contenu-droite {float:right;width:313px;} div#colonne-droite #bloc-bas_gauche, div#colonne-droite #bloc-bas_droit{float:left;width:325px;height:185px;padding:19px 0px 0px 19px ;margin-top:15px;} div#colonne-droite #bloc-bas_gauche h4, div#colonne-droite #bloc-bas_droit h4{padding:5px 0px 5px 5px;} div#colonne-droite #bloc-bas_gauche img, div#colonne-droite #bloc-bas_droit img{float:left; margin:6px 6px 6px 0;padding:0pt;} div#colonne-droite #bloc-bas_droit.droit h4, div#colonne-droite #bloc-bas_gauche.gauche h4{font-size:1.2em;padding-top:5px;border:none;margin:0pt;} div#colonne-droite #bloc-bas_gauche.gauche h4{color:#F48308;} div#colonne-droite #bloc-bas_droit.droit h4{color:#96b41b;} div#colonne-droite #bloc-bas_gauche.gauche h5, div#colonne-droite #bloc-bas_droit.droit h5{font-size:1.1em;background:none;padding:0pt;margin:0pt; width:210px; float:left} div#colonne-droite #bloc-bas_gauche p, div#colonne-droite #bloc-bas_droit p{font-size:.9em;} div#colonne-droite #bloc-bas_gauche p.savoir { margin: 5px 40px 0 5px} div#colonne-droite #bloc-bas_gauche .savoir a, div#colonne-droite #bloc-bas_droit .savoir a{color:#999999;float:right;} div#colonne-droite #bloc-bas_gauche .savoir a:hover, div#colonne-droite #bloc-bas_droit .savoir a:hover{color:#FFFFFF;} div#colonne-droite #bloc-bas_gauche{margin-left:16px; background:url(../images/bloc-bas.png) no-repeat;} div#colonne-droite #bloc-bas_droit{background:url(../images/bloc-bas.png) no-repeat;} div#footer{width:930px;margin:5px auto 10px auto; text-align:center;font-size:.8em;} div#footer ul{color:#FF0000;} div#footer ul li{display:inline;} div#footer ul li a{color:#FFFFFF;margin-right:3px;} div#footer ul li a:hover{color:#999999;} #contenu select { width:100%; background:#474747; color:#FFFFFF; border:1px solid #CCCCCC; } #contenu option {} div#animflash { width:650px; overflow:hidden; margin-left:22px} #Anim_flash{margin-left:-25px;} @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } div#phototheque { margin:0px 0px 0px 20px; } div#phototheque a { padding:3px; border:1px solid #999999; display:block; height:220px; width:192px; float:left; overflow:visible; margin:10px; text-align:center; } div#phototheque a:hover { border:1px solid #FFFFFF; } div#phototheque p {background :url(../images/puce.gif) top left no-repeat; text-align:left ; text-transform: uppercase; font-size:0.8em; padding: 2px 0px 0px 10px; margin-top:2px;} .encart_image { float:left; width:209; text-align:center } #pollutec {margin-bottom: 5px; background:#AF005F url(../images/pollutec.gif) center top no-repeat; padding: 60px 10px 5px 10px} #pollutec p, #pollutec strong, #pollutec a, #pollutec a:hover { color:#FFFFFF} /* video solutrans */ .spip_document_250{margin:10px 0 0 110px;} table.partenaire { margin: 0px 0px 15px 20px;}