/* * OCTAVE & OCTAVE CSS * Centurion UI - CSS-JS Framework * Copyright (c) 2010 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* IMPORTS from CUI ------------ */ @import url(css/reset.css); /* IMPORTS others stylesheets -- */ @import url(css/buttons.css); @import url(css/box.css); @import url(css/forms.css); @import url(css/jquery-ui.css); @import url(css/rte.css); /* FONTFACE Adesso -------------- */ @font-face { font-family: 'AdessoBold'; src: url('fonts/adesb-webfont.eot'); src: local('☺'), url('fonts/adesb-webfont.woff') format('woff'), url('fonts/adesb-webfont.ttf') format('truetype'), url('fonts/adesb-webfont.svg#webfontzJZ4p6cj') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AdessoMedium'; src: url('fonts/adesm-webfont.eot'); src: local('☺'), url('fonts/adesm-webfont.woff') format('woff'), url('fonts/adesm-webfont.ttf') format('truetype'), url('fonts/adesm-webfont.svg#webfontEg1tQosm') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AdessoMediumItalic'; src: url('fonts/adessmedita-webfont.eot'); src: local('☺'), url('fonts/adessmedita-webfont.woff') format('woff'), url('fonts/adessmedita-webfont.ttf') format('truetype'), url('fonts/adessmedita-webfont.svg#webfont40sbclMI') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'FFFAtlantisTrialRegular'; src: url('fonts/fffatlan-webfont.eot'); src: local('☺'), url('fonts/fffatlan-webfont.woff') format('woff'), url('fonts/fffatlan-webfont.ttf') format('truetype'), url('fonts/fffatlan-webfont.svg#webfont3U6yYukg') format('svg'); font-weight: normal; font-style: normal; } /* COMMON ----------------------- */ /*http://www.xs4all.nl/~peterned/csshover.html*/ body { color:#555; text-align:center; font:normal .75em/1.5em Arial, sans-serif; /*12px/18px*/ _behavior: url("fileadmin/templates/css/csshover3.htc");} #wrapper { margin:auto; text-align:left; width:966px; position:relative; } h1, .heading-1 { margin:0 0 20px 10px; font:normal 2.5em/1.2em "AdessoBold";/*30px/36px*/ color:#000; display:block; } h2, .heading-2 { margin:0 0 20px 0; font:normal 1.667em/1.2em "AdessoMedium";/*20px/24px*/ color:#000; display:block; } h3, .heading-3 { margin:0 0 10px 0; font:bold 1.333em/1.2em Arial; /*16px*/ display:block; } h4, .heading-4 { margin:0 0 10px 0; font:bold 1.2em/1.1em Arial; /*16px*/ font-weight:bold; display:block; } h3, .heading-3, .heading-3 a { color:#006ab3;} .teaser { margin:0; font:normal 1.333em/1.2em Arial; /*16px*/ color:#000; } span.header-date-nodef { font-style:italic; font-size:0.9em; color:#888; } a { color:#000; text-decoration:none;} a:hover, a:focus, .view-more:hover, .view-more:focus, .button, .dialog-cover .close { color:#006ab3; text-decoration:none;} .button:hover, .button:focus { background:#e7e7e7;} .black { color:#000; } .gray { color:#555; } .silver { color:#999; } .white { color:#fff; } .blue { color:#006ab3; } .red { color:#c00; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } img.picture { background:url('images/picture.png') center center no-repeat #eee; display:block; } .clear { clear:both; display:block; } .hide { display:none; } .line-dotted { border-top:dotted 1px #ccc; height:18px; } .highlight { padding:10px; width:210px; float:right; border:1px solid #d9d9d9; font-weight:bold;} .bold { font-weight:bold;} strong { font-weight:bold;} .button { font-size:1.3em; padding:20px 0; text-align:center; display:block; background:#F2F2F2;} .red { color:#f11b18;} .underline { text-decoration:underline;} /* icons */ .icon { display:inline-block; width:16px; height:16px; text-indent:-9999px; zoom:1; background:url('images/sprite.png') no-repeat; font-size:1px; line-height:1px; vertical-align:middle; } img.icon { width:auto; height:auto; text-indent:0; float:none; vertical-align:middle; } .view-more { display:inline-block; padding-left:10px; position:relative; background:url('images/arrow.png') -21px 1px no-repeat; } .view-more .icon { display:none; } .view-more:hover, .view-more:focus { background:url('images/arrow.png') -5px -15px no-repeat; cursor:pointer; } /* grid */ .grid .cell { display:inline; float: left; position: relative;} .grid-w187-g29 .cell { width:187px; margin-right:29px;} .grid-w185 .cell { width:185px; } .grid-w185 .cell-3 { width:555px; } .grid-w185 .cell-4 { width:740px; } .grid-w268-g15 .cell { width:268px; margin-right:15px;} .grid .cell-last { margin-right:0; } /* radius */ .rounded-r3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .rounded-r5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .rounded-r10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .rounded-r10-bottom { -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px;} .rounded-r10-left { -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; } .rounded-r10-right { -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; } .rounded-r3-left { -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; } #header-print, #footer-print { display:none; } .btn-metropole { margin-bottom:10px; display:block; width:131px; height:39px; text-indent:-9999px; background:url(images/btn/btn-metropole.png); } .btn-outre-mer { margin-bottom:10px; display:block; width:131px; height:39px; text-indent:-9999px; background:url(images/btn/btn-outre-mer.png); } /* HEADER ----------------------- */ #header { height:135px; width:966px; position:relative; z-index:11;} #header .icon-logo { height:80px; width:144px; position:absolute; top:30px; left:20px; } #header .block-switcher { position:absolute; top:25px; right:0; } #header .block-switcher, .switcher-map-list { font:normal 1.166667em/1.5em "AdessoBold";/*14px/18px*/ text-transform:uppercase;} #header .block-switcher .label-left, .switcher-map-list .label-left, .switcher-map-list .label-right, .switcher-map-list a:hover span.label-right, .switcher-map-list a:hover span.label-left { color:#006ab3; position:relative; top:1px; } #header .switcher .icon { background-position:-144px 0; width:64px; height:18px; _height:19px; } #header .switcher .label-right { color:#f399a3; position:relative; top:1px; } #header .switcher:hover .label-right { color:#e2001a; } #header .switcher:hover .icon { background-position:-144px -40px; } #header .switcher-pro .label-left { color:#7fb4d9; } #header .switcher-pro .icon { background-position:-144px -20px; } #header .block-switcher-pro .label-right {color:#e2001a; position:relative; top:1px; } #header .switcher-pro:hover .label-left { color:#006ab3; } #header .switcher-pro:hover .icon { background-position:-144px -61px; } #header .search { position:absolute; top:25px; right:340px; } #header .search .keyword { margin-right:6px; padding:4px 7px; font:normal .833333em Arial;/*10px*/ color:#777; background:#f2f2f2; border:solid 1px #f2f2f2; border-top:solid 1px #d1d1d1; position:relative; top:1px; width:130px; float:left; } #header .site-nav { position:absolute; top:28px; right:540px; font-size:.916667em;/*11px*/ color:#ccc; } #header .site-nav a { margin:0 5px; color:#666; } #header .site-nav a:hover { color:#006ab3; } #header .primary-nav { position:absolute; bottom:0; _bottom:-1px; bottom : 1px\0/; right:0;} #header .primary-nav li { margin:0 5px; display:block; float:left; position:relative; font:bold 1.16em Arial;/*14px*/ text-transform:uppercase; z-index:5; } #header .primary-nav li a { padding:0 10px 0 0; height:39px; display:block; float:left; position:relative; cursor:pointer;} #header .primary-nav li a .inner { padding:8px 0 0 10px; height:32px; _height:31px; display:block; float:left; position:relative; z-index:10; } #header .primary-nav li a .icon { background-position:-64px -80px; position:relative; top:-1px; left:2px; } #header .primary-nav li.active a { background:url('images/btn/bg-primary-nav.png') repeat-x right -40px; } #header .primary-nav li.active a .inner { background:url('images/btn/bg-primary-nav.png') repeat-x 0 -40px; } /*sub nav*/ /*rollover*/ #header .primary-nav li { z-index:11; } #header .primary-nav li a { padding-bottom:1px; top:1px; z-index:12; position:relative;} #header .primary-nav li.active a { margin-bottom:0; padding-bottom:1px; } #header .primary-nav li.has-children:hover a { margin-bottom:0 ; padding-bottom:1px ; } #header .primary-nav .has-children a:hover, #header .primary-nav .has-children a:focus, #header .primary-nav .has-children:hover a, #header .primary-nav .has-children:focus a { background:#fff url('images/btn/bg-primary-nav.png') repeat-x right 0; } #header .primary-nav .has-children li a:hover, #header .primary-nav .has-children li a:hover span, #header .primary-nav .has-children li a:focus, #header .primary-nav .has-children li a:focus span {background:none #fff;} #header .primary-nav .has-children a:hover .inner, #header .primary-nav .has-children a:focus .inner, #header .primary-nav .has-children:hover a .inner, #header .primary-nav .has-children:focus a .inner { background:url('images/btn/bg-primary-nav.png') repeat-x 0 0;} .primary-nav .wrapper-sub-nav { padding-bottom:10px; position:absolute; top:40px; left:-229px; z-index:11; -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); display:none; -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1); background-color:#fff; border:1px solid #d4d4d4;} .primary-nav .last .wrapper-sub-nav {left:-356px;} .primary-nav .wrapper-sub-nav .sub-nav { padding:10px 20px 0; overflow:hidden; height:1%; /*width:489px;*/ width:478px;} #header .primary-nav li:hover .wrapper-sub-nav, #header .primary-nav li:focus .wrapper-sub-nav { display:block;} #header .primary-nav .has-children .sub-nav li { margin:0; padding:0; /*width:234px;*/ width:166px; border-top:1px dotted #ccc; text-transform:none; font: normal 1em/1.2em Arial, sans-serif;/*14px*/ margin-left:62px; display:inline;} #header .primary-nav .has-children .sub-nav li.odd { margin-right:20px;} #header .primary-nav .has-children .sub-nav li a { padding:10px 0 10px; background:none; display:block; float:none; height:auto !important; min-height:40px; height:40px; } #header .primary-nav .has-children .sub-nav .top, #header .primary-nav .has-children .sub-nav .top a { border:none;} #header .primary-nav .has-children .sub-nav .top a { padding-top:11px; position:relative;} .wrapper-picture { padding:2px; border:1px solid #e8e8e8; display:block; position:absolute; left:-62px;} /*end sub nav*/ /*secondary-nav*/ .secondary-nav { height:30px; padding-bottom:15px; position:relative; z-index:5;} .secondary-nav li, .secondary-nav li a { float:left;} .secondary-nav li { margin-right:10px; position:relative; } .secondary-nav li a { cursor:pointer; background-color:#fff; padding:5px 10px; position:relative;} .secondary-nav .icon { position:absolute; left:50%; margin-left:-8px; bottom:-12px; bottom : -11px\0/; background-position:16px 16px;} /*rollover*/ .secondary-nav { z-index:10; } .secondary-nav li a:hover, .secondary-nav li a:focus, .secondary-nav li a.hover { color:#fff; background-color:#006ab3; } .secondary-nav li.active a { color:#fff; background-color:#494949; } .secondary-nav li.active .icon { background-position: -128px -97px;} .secondary-nav li .picker { display:none; z-index:5; } .secondary-nav li:hover .picker { display:block; } .secondary-nav li .picker { padding-top:7px; position:absolute; top:28px; left:0; z-index:10; background:#E7E7E7; } .secondary-nav li .picker ul { padding:10px 15px; border:solid 1px #d1d1d1; width:250px; -moz-box-shadow:3px 3px 2px rgba(0,0,0,0.05); -webkit-box-shadow:3px 3px 2px rgba(0,0,0,0.05); box-shadow:3px 3px 2px rgba(0,0,0,0.05); background:#fff; } .secondary-nav li .picker li { float:none; margin:0; zoom:1; } .secondary-nav li .picker a { padding:5px 0; float:none; border-top:dotted 1px #ccc; display:block; font-weight:bold; color:#005597; background:#fff; } .secondary-nav li .picker a:hover { background:#fff; color:#000; } .secondary-nav li .picker li.first a { border-top:none; } .secondary-nav li .icon-arrow-down{ margin:-1px 0 0 2px; background-position:-196px -184px; position:static; width:7px; height:4px;} .secondary-nav li a:hover .icon-arrow-down, .secondary-nav li a.hover .icon-arrow-down, .secondary-nav li.active a .icon-arrow-down { background-position:-196px -167px; } /* CONTENT ---------------------- */ #content { margin-bottom:50px; padding:11px; background:#e7e7e7; position:relative; z-index:5; } #content .breadcrumb { padding:0 10px 10px 10px; } #content .breadcrumb li { display:inline; font-size:.916667em;/*11px*/ } #content .breadcrumb li a { margin-left:7px; padding-left:10px; color:#666; position:relative; } #content .breadcrumb li a .icon { background-position:-25px -101px; width:12px; opacity:0.5; position:absolute; left:2px; top:5px; } #content .breadcrumb li.first a { color:#000; margin:0; padding:0; } #content .breadcrumb li a:hover { color:#006ab3; } #content .breadcrumb li a:hover .icon { opacity:1; } /* FOOTER ----------------------- */ #footer { margin-bottom:20px; padding:20px 20px 15px 20px; background:#e7e7e7; } #footer h1 { margin:0; padding-bottom:5px; font-size:1.167em; text-transform:uppercase; color:#222; border-bottom:dotted 1px #bebebe } #footer h2, #footer .copyright { margin:3px 0; font-size:.917em; font-family:Arial; font-weight:bold; color:#444; } #footer .footer-nav { padding:0; margin-right:20px; } #footer .cell .cell, #footer .cell-last ul.footer-nav { padding-top:5px; } #footer .cell .cell-last ul.footer-nav { padding-top:0; } #footer .cell-3 { border-left:dotted 1px #bebebe; position:relative; left:-20px; width:575px; margin-bottom:5px; } #footer .cell-4 h1 { margin-right:20px; } #footer .cell-border { margin-right:19px; width:165px; border-right:dotted 1px #bebebe; } #footer .footer-nav li { display:block; font-size:.916667em;/*11px*/ } #footer .footer-nav li a { display:block; color:#666; padding-left:10px; position:relative; zoom:1; } #footer .footer-nav li a:hover { color:#006ab3; } #footer .footer-nav li a:hover .icon { opacity:1; } #footer .footer-nav li a .icon { background-position:-25px -101px; width:12px; opacity:0.2; position:absolute; left:2px; top:6px; } #footer .footer-nav-top { padding-bottom:2px; margin-bottom:2px; border-bottom:dotted 1px #bebebe; } #footer .footer-nav-top li, #footer .footer-nav-bottom li { display:inline; } #footer .footer-nav-top li a .icon, #footer .footer-nav-bottom li a .icon { top:5px; } #footer .footer-nav-top li a, #footer .footer-nav-bottom li a { margin-left:7px; display:inline; } /* TEMPLATES -------------------- */ #tpl-1column { zoom:1;} #tpl-2columns, #tpl-1column { padding:18px; } #tpl-2columns .section { margin-right:18px; float:left; width:620px; position:relative; } #tpl-2columns .aside { float:left; width:270px; position:relative; } #content .content-inner { background:#fff; } .rte p, .rte ul { margin-bottom:16px; } .rte ul li { padding:0 0 0 16px; border:none; background:url('images/sprite.png') -192px -208px no-repeat; } .rte .important { font-weight:bold; color:#e2001a;} .rte .picture-right { float:right; margin-left:15px;} .rte .picture, .medias .picture { border:3px solid #f2f2f2;} .rte ol { padding:0 0 25px 25px; list-style:decimal; } .rte a { color:#006ab3; text-decoration:underline; } .rte a:hover { color:#006ab3; text-decoration:none; } .rte a.view-more { background:url('images/arrow.png') -5px -15px no-repeat; color:#000; text-decoration:none; cursor:pointer; } .rte a.view-more:hover, .rte a.view-more:focus { color:#006ab3; text-decoration:none } ul.reading-actions { float:right; position:relative; top:10px; right:15px; z-index:6; } ul.reading-actions li { padding:0; margin:0; background:none; float:left; position:relative; } ul.reading-actions li .icon { display:block;} ul.reading-actions .print .icon { background-position:-176px -95px; height:17px; margin-right:5px; margin-top:4px; } ul.reading-actions .favorite .icon{ background-position:-160px -79px; height:17px; margin-right:7px; margin-top:4px; } ul.reading-actions .social .icon { background-position:-144px -79px; height:17px; width:16px; overflow:hidden; margin-right:7px; _margin-right:4px; margin-top:4px; padding:0; } ul.reading-actions .addthis_toolbox.addthis_default_style span { visibility:hidden; margin:0; padding:0; width:16px; } ul.reading-actions .icon .at15t_email { display:none; } ul.reading-actions .minimize .icon{ background-position:-147px -116px; height:24px; width:26px; margin-right:1px; } ul.reading-actions .maximize .icon{ background-position:-179px -116px; height:24px; width:26px; } ul.reading-actions .favorite .icon:hover { background-position:-160px -96px; } ul.reading-actions .social .icon:hover { background-position:-144px -96px; } ul.reading-actions .minimize .icon:hover { background-position:-131px -148px; } ul.reading-actions .maximize .icon:hover { background-position:-163px -148px; } .addthis_default_style .btn-standard { position:relative; top:-1px; } ul.reading-actions .email .icon { margin-top:6px; margin-right:5px; background-position:-176px -81px; height:14px; width:21px; } .content-inner ul.reading-actions { top:0; right:0; } .content-inner ul.reading-actions .print .icon { background-position:-16px -80px; } .content-inner ul.reading-actions .favorite .icon{ background-position:-128px -80px; } .content-inner ul.reading-actions .social .icon { background-position:-80px -96px; } .content-inner ul.reading-actions .minimize .icon { background-position:-3px -116px; } .content-inner ul.reading-actions .maximize .icon { background-position:-35px -116px; } .content-inner ul.reading-actions .favorite .icon:hover { background-position:-32px -80px; } .content-inner ul.reading-actions .social .icon:hover { background-position:-96px -96px; } .content-inner ul.reading-actions .minimize .icon:hover { background-position:-67px -116px; } .content-inner ul.reading-actions .maximize .icon:hover { background-position:-99px -116px; } .content-inner ul.reading-actions .email .icon { background-position:0 -97px; } html body #at16p, html body #at15s { background:none #fff; padding:0 !important; #padding:0; _padding:0; border:4px solid #e7e7e7; } html body #at16pf, html body #at_email #at16meo { display:none; } html body #at16pi, html body #at16pm, html body #at16psf, html body #at15s_head { border-color:#fff; } html body #at16ps { height:232px; } html body #at16pm { height:295px; } /* AddThis Vertical Hover Menu */ .addthis_toolbox .custom_hover { position: relative; } .addthis_toolbox .custom_hover .custom_button.active { background-color: #eee; } .addthis_toolbox .hover_menu { display: none; position: absolute; left:-100px; top:21px; background: #fff; z-index:20; } .addthis_toolbox .custom_hover .tower { -webkit-border-radius: 0 5px 0 0; -moz-border-radius-topleft: 0; } .addthis_toolbox .hover_menu { width: 220px; padding: 7px 1px; border: 3px solid #e7e7e7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .addthis_toolbox .hover_menu a { position: relative; display: block; width: 68px; padding: 4px 0 4px 34px; text-decoration: none; color: #333; text-align:left; } .addthis_toolbox .hover_menu a:hover { color: #006ab3; text-decoration: none; } .addthis_toolbox .hover_menu span { position: absolute; left: 14px; top: 4px; } .addthis_toolbox .hover_menu .more{ border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center; } .addthis_toolbox .hover_menu .more a { padding: 4px 0; margin: 0; } .addthis_toolbox .hover_menu .more a:hover { background: none; } .addthis_toolbox .hover_menu .more span { display: none; } #content .addthis_toolbox .column1 { float:left; width:110px; } #content .addthis_toolbox .column2 { float:left; width:110px; } ul.share-list li { margin-right:5px; padding:0; background:none; position:relative; display:inline; float:left; font-size:12px; } ul.share-list li.addthis_toolbox .hover_menu { position:absolute; left:-40px; top:24px; } .same-subject { margin:20px 0 10px 0; padding:15px 20px; background: #0076b4 url('images/btn/bg-box-content.png') repeat-x 0 0;} .same-subject h2 { color:#fff; font:normal 1.667em/1.2em "AdessoMedium";/*20px/24px*/ width:212px; float:left; } .same-subject ul { padding:0; width:365px; float:left; border-left:solid 1px #0097cb; } .same-subject ul li { padding:0 0 2px 20px; margin:0; background:none; border-left:solid 1px #0074ba; } .same-subject ul li a { padding-left:12px; color:#fff; position:relative; } .same-subject ul li a .icon { background-position:-38px -100px; width:4px; height:7px; opacity:0.5; position:absolute; left:0; top:4px; } .same-subject ul li a:hover { text-decoration:underline; } .filters { padding:13px 13px; margin-bottom:20px; background-color:#f2f2f2; z-index:2; position:relative; } .list li { padding:20px 17px; border-top:1px dotted #ccc; zoom:1; } /*.list li.first { border-top:1px dotted #ccc;}*/ /*.list .heading-3 { margin:0 0 15px; margin:0 0 10px; }*/ .list .created-date { margin-bottom:5px;} .pager { padding-top:28px; font-size:1.16em; color:#4d4d4d; text-align:center; border-top:1px dotted #ccc;} .pager span { font-weight:bold;} .pager .icon-prev { background-position:-128px -112px;} .pager .icon-next { background-position:-128px -128px;} .pager a { color:#006ab3; position:relative; display:inline-block;} .pager a:hover, .pager a:focus { text-decoration:underline; cursor:pointer;} .pager .icon { position:absolute; top:1px; } .pager .prev { padding-left:19px;} .pager .next { padding-right:16px;} .pager .icon-prev { left:0;} .pager .icon-next { right:0px;} /*template 2 colomns*/ #tpl-2columns .column1, #tpl-2columns .column2 { width:300px;} #tpl-2columns .column1 { float:left;} #tpl-2columns .column2 { float:right;} #tpl-annuaire .main, #tpl-annuaire .aside { float:left;} #tpl-annuaire .main { width:621px; margin-right:18px;} #tpl-annuaire .aside { width:269px;} /*Template region*/ /*header*/ #region .breadcrumb { padding-bottom:0px;} .header-region { background: #e7e7e7 url(images/tele/teleo-header.png) no-repeat right 10px; width:620px; float:left; padding-bottom:33px;} .header-region h1 { margin-bottom:6px; font-size:3.66em;/*44px;*/} .days-remaining { color:#e2001a; font-size:2.91em;/*35px*/; font-family:AdessoBold, sans-serif; line-height:40px; float:left; margin-top:5px; margin-left:10px; display:inline;} .days-remaining span { background-color:#fff; padding:0 5px; margin-right:1px;} .header-region .date-tnt { float:left; margin-left:10px; display:inline;} .date-tnt p { line-height:1.85em;/*22px;*/} .date-tnt .date-tnt-header { text-transform:uppercase; font-size:0.83em;/*10px;*/} .date-tnt .date { font-size:1.5em;/*18px;*/ font-family:AdessoBold; color:#e2001a; padding-right:10px;} .date-subscriber { padding:6px 0 0 10px; color:#000; border-left:1px dotted #bebebe; } .date-subscriber span { font-weight:bold;} .wrapper-date-tnt { display:block; border-top:1px dotted #bebebe;} /*stay informed*/ .stay-informed { padding-left:15px; margin:10px 0 0 20px; width:285px; float:left; border-left:1px dotted #bababa;} .stay-informed p { line-height:1.3em;/*15px*/ color:#4d4d4d;} .stay-informed p.label-in-field { line-height:1.5em;/*18px;*/ overflow:hidden; height:1%; float:left; width:190px;} .stay-informed .form legend { position:relative; #left:-5px; top;0; margin-bottom:5px; line-height:1em;} .stay-informed .form label { display:block; font-size:10px; color:#000; left:5px;} .stay-informed .form input { float:left;} .stay-informed .form .text { width:170px;} /*Template news*/ .infos { margin:0 0 8px 0; } .created-date, .tags { font-size:0.91em;/*11px*/ } .created-date { color:#7e7e7e; display:inline; margin-left:5px; position:relative; top:2px; } .tags a { color:#006ab3;} .tags a:hover, .tags a:focus { text-decoration:underline;} p.tags { margin:0;} .category { padding:2px 5px; background:#555; font:normal 8px 'FFFAtlantisTrialRegular'; color:#fff; } .category-red { padding:2px 5px; background:#e2001a; font:normal 0.66em 'FFFAtlantisTrialRegular'; color:#fff; } .share { padding:13px; margin:20px 0; background-color:#f2f2f2; position:relative; clear:both; } .share ul.reading-actions { float:none; position:absolute; top:10px; left:80px;} /*box google map*/ .box-google-map { -moz-border-radius:0;border-radius:0;-webkit-border-radius:0;} .column2 .box-google-map-legend li{ margin:0; padding:0 0 5px 0; background:none; float:left; margin-right:10px; _margin-right:15px; font-size:0.91em;} .box-google-map-legend { margin-top:10px;} .box-google-map-legend li { margin-right:10px; display:block; float:left; } .box-google-map-legend .icon { margin-right:5px; display:block; float:left;} span.icon-legend-map-pro { background-position:-96px -80px;} span.icon-legend-map-tnt { background-position:-112px -80px;} span.icon-legend-map-mix { background-position:-192px -192px;} span.icon-legend-map-info { background-position:-176px -192px;} .box-google-map-info-legend .icon, .aside .map-legend .icon-info, .aside .map-legend .icon-guide, .aside .map-legend .icon-bus, .aside .map-legend .icon-point-info, .list-annuaire-main .pro .icon-info, .list-annuaire-main .pro .icon-guide, .list-annuaire-main .pro .icon-bus, .list-annuaire-main .pro .icon-point-info { background:url(images/map/sprite-map.png) no-repeat 0 0; width:19px; height:19px; position:relative; top:-2px;} .box-google-map-info-legend .icon-info, .aside .map-legend .icon-info, .list-annuaire-main .pro .icon-info { background-position:-96px 0;} .box-google-map-info-legend .icon-guide, .aside .map-legend .icon-guide, .list-annuaire-main .pro .icon-guide { background-position:-96px -20px;} .box-google-map-info-legend .icon-bus, .aside .map-legend .icon-bus, .list-annuaire-main .pro .icon-bus { background-position:-96px -40px;} .box-google-map-info-legend .icon-point-info, .aside .map-legend .icon-point-info, .list-annuaire-main .pro .icon-point-info { background-position:-96px -60px;} /*faq*/ .more-infos { margin-bottom:10px;} .more-infos p { margin-bottom:5px;} .list .more-infos li { padding:0; border:0;} .list-faq li { padding-left:30px; padding-bottom:5px; position:relative; } .list-faq li.active { padding-bottom:20px; background-color:#f8f8f8;} .list-faq li li { padding:0 0 0 16px; border:0;} .list-faq a.openClose { cursor:pointer; position:absolute; left:5px; top:20px;} .list-faq .openClose .icon { background-position:-192px -96px;} .list-faq .active .openClose .icon {background-position:-192px -144px;} .list-faq .active .rte { color:#000;} /*list doc*/ .list-doc .picture, .picture-doc { float:left; border:1px solid #dbdbdb} .list-doc .rte { margin-top:-10px; margin-left:100px;} .list-doc li .created-date { margin-bottom:17px;} #documents .content { margin-left:145px;} #documents .created-date { display:block;} #news .rte h2, #documents .rte h2 { margin-bottom:5px;} #news .rte .created-date, #documents .rte .created-date { margin-bottom:30px;} #documents .rte .content h3 { color:#505050; font-size:1em; margin-bottom:20px;} #documents .rte .content h4 { color:#000; font-size:1em; margin-bottom:20px;} #documents .rte .content p { margin-bottom:25px;} #documents .rte .content ul { margin-bottom:30px;} #documents .rte .content ul li { margin-bottom:0;} /*lexique*/ .medias { margin:25px 0 40px; padding-top:20px; border-top:1px dotted #CCCCCC;} .icon-video { width:66px; height:48px; display:block; position:absolute; left:60px; top:40px; z-index:3; cursor:pointer; background: url(images/btn/btn-player.png) no-repeat 0 0; _background-image:url(images/btn/btn-player-ie6.png); } /*diagnotic results*/ #diagnostic #tpl-1column { padding:18px;} .results-header { text-align:center; margin:37px; } .results-header .help { position:relative; top:-20px;} #diagnostic h2 { text-align:left; } #diagnostic h2.heading { text-align:center; } #diagnostic .diagnostic-home h2.heading { text-align:left; } #recap { padding:0 80px 0 75px; margin-bottom:65px;} #recap li { margin-bottom:15px; position:relative; zoom:1; } #recap li a { padding-left:40px; display:block; cursor:pointer; zoom:1; width:639px;} #recap li .step-answer { padding:5px 0 7px; background:#f0f0f0 url(images/btn/bg-item-results.gif) repeat-x 0 -100px; border:1px solid #eaeaea; display:block; font-size:1.25em;/*15px*/ } #recap li .step-answer span { font-size:0.7em;font-style:italic; color:#444; } #recap li a:hover, #recap li a:focus { color:#000000;} #recap li a:hover .step-answer, #recap li a:focus .step-answer { background-position:0 0; border-color:#d1d1d1;} #recap li a:hover .num, #recap li a:focus .num { background-position:-96px -144px;} #recap li .num { margin-top:-16px; position:absolute; left:0; top:50%; width:31px; z-index:3; color:#fff; background: #cdcdcd url('images/sprite.png') no-repeat -64px -144px; font-size:1.5em; font-weight:bold; line-height:32px; text-shadow:-1px 1px 1px #a5a5a5;} #diagnostic .results-content, #diagnostic .result-footer { text-align:left;} .results-content { border:1px solid #d9d9d9; position:relative; margin-bottom:50px; z-index:6; } .results-content .header { text-align:center; position:absolute; top:-20px; width:100%;} .results-content h2, #cover .results-content h3 { padding: 0 10px; font-family:AdessoMediumItalic, Arial, sans-serif; font-size:2.83em;/*34px;*/ background-color:#fff; display:inline; } .results-content h2 { color:red;} .results-content .rte { padding:2.5em 15px 30px 205px; color:#000; background: url('images/tele/teleo-results.png') no-repeat 30px 50px;} .results-content .rte ul, .results-content .rte p, #cover .results-content-header p { font-size:1.25em;/*15px*/} .results-content span.result { font-size:1.2em;} .results-content span.result-ok { color:#56A93E;} .results-content span.result-nok { color:#BB0016;} .results-content .first { font-weight:bold;} .results-content .rte p span { color:#0072bc;} .results-content .rte .share-links {font-size:1em; color:#555; margin-right:5px; top:-5px;} .results-content .rte .share-links, .results-content .rte .reading-actions { float:left;} .results-content .rte .reading-actions { top:-5px;} .results-content .rte .reading-actions li { margin-right:5px;} .results-content .rte .reading-actions .icon { display:block;} .reading-actions .email .icon { margin-top:6px; margin-right:5px; background-position:0 -97px; width:21px;} .result-footer { margin-top:-18px;} span.icon-arrow-bottom { margin:-50px 0 23px -31px; background-position:2px -176px; width:62px; height:32px; position:relative; left:50%; background-color:#fff; display:block; } /*--templates map--*/ /*switch*/ .switcher-map-list { text-transform:uppercase; color:#006ab3; font-size:1.16em;} .switcher-map-list span.label-left { float:left; } .switcher-right-active span.label-left, .switcher-left-active span.label-right { color:#61a0cc; } .switcher-map-list span.label-left { margin-left:15px;} .switcher-map-list form { float:left; } .switcher-right-active .icon { background-position:-96px -176px; } .switcher-left-active .icon { background-position:-96px -196px; } .switcher-map-list .icon { margin:0 15px 0 20px; width:80px; height:20px; } /*list*/ #tpl-annuaire .main .list-annuaire-main ul {border-bottom :1px dotted #ccc;} #tpl-annuaire .main .pager {border:0;} .list-annuaire h3 { color:#484848; font-size:1em;} .list-annuaire ul { margin-bottom:10px;} .list-annuaire li { padding-left:37px; margin-bottom:5px; position:relative; font-size:0.91em; line-height:1.15em; zoom:1;} .list-annuaire .icon, .map-legend .icon, .list-annuaire-main .icon { background: url(images/map/sprite-map.png) no-repeat 0 0;} .list-annuaire .icon { width:32px; height:32px;} .list-annuaire li a { color:#555555;} .list-annuaire li a:hover, .list-annuaire li a:focus { color:#006ab3;} .list-annuaire .icon, .list-annuaire .idmap { position:absolute; left:0; top:0;} .list-annuaire .idmap { color:#fff; font-weight:bold; display:block; text-align:center; width:32px; line-height:30px;} .list-annuaire .title, .list-annuaire-main .title { color:#000; font-weight:bold;} .list-annuaire .icon-blue { background-position:-32px -32px;} .list-annuaire .icon-red { background-position:0px -32px;} .list-annuaire .icon-blue-red { background-position:-32px 0;} .list-annuaire .icon-blue-light { background-position:-3px -67px; text-indent:0; color:#000; font-size:12px; line-height:27px; width:27px; height:27px; text-align:center;} .list-infos .idmap { display:none;} .map-legend { margin-top:10px;} .aside .map-legend li { display:block;} .map-legend .icon { margin:2px 7px 0 0;} .map-legend .icon, .list-annuaire-main .icon { display:block; float:left; } .map-legend li { margin-right:15px; display:block; float:left;} .aside .map-legend li { display:block; float:none; margin: 0 0 4px 0;} .map-legend .icon-blue, .list-annuaire-main .icon-blue { background-position:-64px -16px;} .map-legend .icon-red, .list-annuaire-main .icon-red { background-position:-64px -32px;} .map-legend .icon-blue-red, .list-annuaire-main .icon-blue-red {background-position:-64px -48px;} .map-legend .icon-black, .list-annuaire-main .icon-black { background-position:-64px 0;} .list-annuaire-main h3 { margin-bottom:15px} .list-annuaire-main span.icon-adress { background-position:-80px -32px;} .list-annuaire-main span.icon-tel { background-position:-80px -48px;} .list-annuaire-main span.icon-calendar { background-position:-80px 0;} .list-annuaire-main span.icon-infos { background-position:-80px -16px;} .list-annuaire-main ul { margin-bottom:15px;} .list-annuaire-main li { overflow:hidden; height:1%;} .list-annuaire-main .icon { margin-top:1px;} .list-annuaire-main .pro { margin-bottom:3px;} .list-annuaire-main .pro .icon { margin-right:5px;} .list-annuaire-main .pro .title { margin-right:3px;} .list-annuaire-main .pro, .list-annuaire-main .detail { display:block;} .list-annuaire-main .detail { margin-left:19px;} .list-tour-info .detail { margin-left:22px;} .header-list { margin-bottom:30px;} .header-list p { margin-bottom:10px;} .aside .pager { margin-top:20px; padding-top:10px; border-top:1px dotted #ccc; } .filters-map p { margin-left:10px; color:#000; font-size:1.25em; margin:0; line-height:22px; float:left;} /*filter map pro*/ .form-map-tour-pro { position:relative; zoom:1;} .filters-radios { margin-top:10px; padding-top:5px; clear:left; /*float:left; width:455px;*/ } .filters-radios label { float:none;} .form-map-tour-pro p { padding:3px 15px 3px 20px; width:300px; float:right; border-left:1px dotted #c2c2c2; position:absolute; right:0; top:0;} /*video*/ #video #tpl-2columns { _zoom:1;} .wrapper-outer-carousel-video { margin-bottom:50px; padding:23px 0 8px; width:908px; position:relative; border-bottom:1px dotted #ccc; } .wrapper-inner-carousel-video { padding:0 53px; width:802px;} .wrapper-video-content, .carousel-video .view { width:802px;} .carousel-video .view { overflow:scroll; position:relative;} .carousel-video .view ul { position:relative;} .carousel-video li { float:left; zoom:1; } .video-left { margin-right:10px; width:375px; float:left;} .video-right { width:415px; float:left;} .carousel-video .video-right .video-content-bloc { float:left; margin-left:10px; width:180px;} .carousel-video .video, .carousel-video .video p { margin-bottom:7px; } .carousel-video .video p { line-height:1.3em;} .video-left .video .heading-3 { margin-bottom:6px; font-size:1.5em;} .carousel-video .video .heading-3 a:hover, .carousel-video .video .heading-3 a:focus { text-decoration:underline;} .carousel-video .video .video-screen, .list-video .video-screen { display:block; position:relative; border:solid 2px #e7e7e7; } .carousel-video .icon-video, .list-video .icon-video { width:39px; height:39px; background-position:0 -48px;} .video-left .video-screen { margin-bottom:12px;} .video-left .category-red { margin:3px 10px 0 0; float:left;} .video-left .icon-video { left:169px; top:87px;} .video-right .video .video-screen { float:left;} .video-right .video .heading-3 { font-size:1em;} .video-right .video .heading-3, .list-video .rte .heading-3 { margin-top:5px} .video-right .video .icon-video, .list-video .icon-video { left:97px; top:44px;} .list-video .video-screen, .list-video .rte { float:left;} .list-video .rte { margin-left:20px; width:340px;} .list-video .rte .heading-3 { margin-bottom:5px;} .list-video .rte p { margin-bottom:10px;} .carousel-video .video-screen, .list-video .video-screen { margin-top:3px;} .list-video .rte .tags { margin:8px 0 0 0;} .carousel-video .list li { padding:0; border:0;} .carousel-video .list .icon { background:url(images/btn/carousel.png) no-repeat 0 0; display:block; _background:url(images/btn/carousel-ie.png) no-repeat 0 0 #000; } .carousel-video .prev-next .icon { width:31px; height:35px;} .carousel-video .next .icon { background-position:-32px 0;} .carousel-video .prev, .carousel-video .next { position:absolute; top:160px;} .carousel-video .prev { left:0;} .carousel-video .next { right:0;} .carousel-video .items .icon { background-position:0 -36px; display:inline-block; #display:block;} .carousel-video .items li { float:none; display:inline; padding-right:6px; background:#fff;} .carousel-video .items li.first { padding-left:6px; padding-right:4px; } .carousel-video .items { text-align:center; position:relative; top:18px;} .carousel-video .items a.icon:hover, .carousel-video .items a.icon:focus, .carousel-video .items .active .icon { background-position:-16px -36px;} .same-category { position:relative;} .same-category .view-all { position:absolute; top:6px; right:0; } /*cover*/ #cover .highlight p { margin:0;} #cover .header-list .rte { float:left; width:655px;} .form-cover label { font-size:0.83em; color:#000; margin:0;} .form-cover .text { width:217px;} .form-cover legend { padding-bottom:8px; font-size:1.33em; font-weight:bold; position:relative; #left:-5px;} .form-cover .label-in-field { margin:0; width:240px; float:left; } .wrapper-map-cover { margin-bottom:20px;} #map-cover { width:908px; height:270px; } #cover .results-content .results-content-header { padding:4.6em 110px 30px 250px; color:#000; background: url('images/tele/teleo-results.png') no-repeat 68px 90px;} #cover .results-content-header .result-cover { font-weight:bold; font-size:1.58em;/*19px*/ line-height:1.2;} /*#cover .results-content-header p { margin-bottom:8px; padding-bottom:8px; border-bottom:1px dotted #ccc;}*/ #cover .results-content-header p { margin-bottom:8px; padding-bottom:8px;} #cover .results-content-header span.value { color:#006ab3; } /*#cover .result-cover span { color:#e2001a}*/ .results-content-header p span { font-weight:bold;} #cover .results-content .cover-recap-infos { border:0; margin-bottom:20px;} .box-result { font-size:1.1em; } .box-result p { border:none; } .box-green { margin-bottom:15px; padding:10px; color:#fff; font-weight:bold; background: #56a93e; /* Old browsers */ background: -moz-linear-gradient(top, #7bc659 0%, #56a93e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc659), color-stop(100%,#56a93e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bc659 0%,#56a93e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bc659 0%,#56a93e 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #7bc659 0%,#56a93e 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc659', endColorstr='#56a93e',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #7bc659 0%,#56a93e 100%); /* W3C */ } .box-red { margin-bottom:15px; padding:10px; background-color:#c30016; color:#fff; } #cover .results-content-header .box-green p, #cover .results-content-header .box-red p { margin:0; padding:0; border:none; color:#fff; } .results-content h4 { font:bold 1.4em/1.1em "Arial"; margin-bottom:5px; color:#006ab3; } ul.ok { margin-bottom:20px; } ul.ok li { padding:3px 0 3px 22px; background: url('images/bullet-ok.png') no-repeat 0 3px; } ul.links { margin-bottom:20px; } ul.links a { color:#006ab3; } ul.links a:hover { color:#006ab3; text-decoration:underline; } #cover .infos-results, p.cover-recap-infos span { color:#4d4d4d;font-weight:normal;} #cover .infos-results { font-size:0.8em;} .cover-multiplex-details, .transmitter-infos { padding:0 110px;} .cover-multiplex-details li { margin-bottom:20px;} .cover-multiplex-details .multiplex {float:left; width:59px;} .cover-multiplex-details .multiplex-content { padding:10px 0 9px 10px; width:615px; float:left; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } .cover-multiplex-details .multiplex-content .picture { display:inline; vertical-align:middle;} .multiplex-name, .multiplex-state { display:block; background: url('images/bg-cover.png') no-repeat 0 0; text-align:center; } .multiplex-name { padding:10px 5px 9px; color:#fff; font-size:20px; } .multiplex-state { padding:8px 5px 7px; text-transform:uppercase; font-size:0.66em;/*8px;*/ line-height:9px; } .cover-infos { padding:20px 25px; margin-bottom:65px; font-size:1.25em; line-height:1.2em; color:#000;} .cover-infos h3 { margin-bottom:5px; color:#E2001A;} .transmitter-infos { margin:0 0 45px; color:#000;} .transmitter-infos p { font-size:1.25em; /*15px*/} .transmitter-infos .bold { margin:0 0 20px; font:16px AdessoMedium, Arial, sans-serif;} .transmitter-infos .list-transmitter, .transmitter-infos .small { padding:0 0 0 85px;} .transmitter-infos .small { font-size:.9em; /*11px*/} div.transmitter-infos li { margin:0 0 5px;} .transmitter-infos .locate { font-size:.8em; /*12px*/} .transmitter-infos .antenna { float:left; margin:5px 0 0 18px;} .transmitter-infos .button { margin:35px 0 0;} /*popin cover*/ .ui-dialog { position: absolute; overflow: hidden; } .ui-widget-overlay { background: #fff; opacity: .85;filter:Alpha(Opacity=85); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .dialog-cover .ui-dialog-titlebar { display:none;} .popin .close { position:absolute; right:20px; top:15px; font-size:10px; text-transform:uppercase;} .popin .icon-close { background-position: -64px -208px; position:relative; top:-1px; right:-2px;} .popin .inner { padding:25px; text-align:left; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;} .transmitter-item { margin:0 0 30px; position:relative;} .transmitter-item .locate { padding:8px; background:#fff; display:block; position:absolute; right:0; top:0;} .popin .list-item li { padding-left:10px; width:245px; float:left; background: url('images/arrow.png') -5px -15px no-repeat; color:#000; zoom:1; } .popin .list-item { margin:0 0 15px; overflow:hidden; _height:1%; zoom:1;} #popin-cover .section { padding:0 0 20px; margin:0 0 20px; border-bottom:1px dotted #aaa;} #popin-cover .last { margin:0; padding:0; border:none;} .dialog-cover .date { display:block; margin:-20px 0 15px;} /*covered*/ .covered .multiplex-name { background-color:#56a93e; margin-bottom:1px;} .covered .multiplex-state { color:#318414; background-position:-59px 0; background-color:#d2f0b8; padding:12px 0;} /*no covered*/ .no-covered .multiplex-name { background-color:#c30016; margin-bottom:1px; background-position:-118px 0;} .no-covered .multiplex-state { color:#bb0016; background-position:-177px 0; background-color:#f0b8b8;} .share-results { padding:15px 0 0 80px; margin-bottom:30px;} .share-results a { margin-right:15px;} .note, .transmitter-infos li { font-size:1.25em /*15px*/; margin-bottom:50px;} .note span { font-weight:bold;} #cover .result-footer { padding-left:37px; zoom:1;} .credit-csa { margin-top:20px; padding-top:30px; border-top:1px dotted #ccc; } .credit-csa a.view-more { margin:8px 0 0; display:inline-block;} .credit-csa .picture { margin-right:20px; float:left; } .multiplex-content span { display:block; float:left; min-height:48px; height:auto !important; height:48px; text-align:center; } .multiplex-content .info-text { margin-left:20px; font-size:1.25em; color:#424242; font-weight:bold;} .multiplex-content .picture { margin-left:20px;} .multiplex-content .local { line-height:49px;} .multiplex-content .regional { padding-top:7px; min-height:42px; height:42px;} /*Search*/ .search-header .filters { float:left;} .form-search label { margin-right:5px;} .form-search .text { width:220px;} .tx-mnogosearch-pi1 { position:relative; } .search-results { width:415px; position:absolute; top:0; right:0; } .search-results p { line-height:1.1em;} .search-results p span, p.tx-mnogosearch-result-excerpt strong { color:#000;} p.tx-mnogosearch-result-url { margin-top:5px; color:#006ab3; } .tx-mnogosearch-relevancy-bg-bar { margin:5px 10px 0 0; display:block; float:left; border:1px solid #ccc; padding:1px; width:50px; height:5px; overflow:hidden;} .tx-mnogosearch-relevancy-bg-bar span { background:#006ab3; display:block; height:5px; overflow:hidden;} div.gmap-bullet .icon { background: url(images/map/sprite-map.png) no-repeat 0 0;} div.gmap-bullet .icon-blue { background-position:-32px -32px;} div.gmap-bullet .icon-red { background-position:0px -32px;} div.gmap-bullet .icon-blue-red { background-position:-32px 0;} /*loader map*/ #map-loading { position: absolute; background: url('images/bg-map-loader.png') repeat 0 0; _background-color:#b6b6b6; width: 908px; height: 270px; z-index: 5; display: none; text-align: center;} #map-loading p { padding-top:120px; font-size:16px; font-weight:bold;} #map-cover { position: relative; z-index: 3; background-color: rgb(229, 227, 223);} .wrapper-map-cover { position:relative;} /* SELECT ----------------------- */ .form-info, .box-info { position:relative; z-index:5; zoom:1 } select { float: left; margin-right:10px; } .select { padding:0 21px 0 0; display:block; float:left; position:relative; background:url('images/sprite-dropdown.png') right top; z-index:5; } .select .selected { padding:0 5px; display:block; font:normal 10px/24px Arial; background:url('images/sprite-dropdown.png'); color:#000; position:relative; left:-1px; height:24px; overflow:hidden; } .select:hover { cursor:pointer; } .select .options { position:absolute; top:24px; left:-1px; background:#fff; width:170px; padding:3px 5px; z-index:5; display:none; border:solid 1px #cacaca; } .select .options ul { z-index:5; } .select .options ul li { border-top:dotted 1px #ccc; padding:2px 0; z-index:5; } .select .options ul li.first { border:none; } .select .options ul li a { color:#000; font-size:0.917em; padding:3px 5px; display:block; z-index:5; } .select .options ul li a:hover { color:#fff; background:#006ab3; } .info-tel { margin:-10px 0 10px 10px; #margin-bottom:5px; font:normal 1em Arial;/*12px*/ width:550px; } #footer .clear { font-size: 1px; height: 1px; line-height: 1px;} #footer .info-tel { margin-top:0;} .info-tel .icon-teleo { margin:0 20px; background:url(images/tele/teleo-info.png); width:80px; height:60px; float:left; position:relative; top:-10px; } .info-tel .icon-ears { margin:0 0 8px 6px; background-position:-48px -80px; width:15px; height:18px; } .info-tel .number { font:normal 1.667em "AdessoBold"; } .info-tel .schedule { font:normal 0.833em Arial;/*10px*/ } /* HOME ------------------------- */ #home #content { padding:0; background:#fff; } #home #content .header { margin-bottom:15px; padding:0 0 11px 11px; min-height:385px; _height:385px; position:relative; background:#e7e7e7; zoom:1; } #home #content .header .column-1, #home #content .header .column-2 { padding-top:11px} #home #content .header .column-1 { width:510px; float:left; padding-left:10px; padding-bottom:30px; } #home #content .header .column-2 { width:420px; float:right; padding-right:11px; padding-bottom:45px; background:url(images/tele/bg-home.png) top right no-repeat #e7e7e7;} #home #content .footer .column-1 { width:678px; float:left; padding:0px; margin-right:13px; } #home #content .footer .column-2 { width:275px; float:left; padding:0px; } #home #content .footer .column-2 .box-info { margin-bottom:15px; } #home #content .footer .column-1 .box-home p { margin-bottom:5px; } #home #content .footer .column-1 .box-home p.question { font:bold 1.2em Arial; color:#286099; } #home #content .footer .column-1 .box-home input.submit { margin-top:5px; } #home #content .header #map-france, #home #content .header #map-france-canal { position:absolute; left:240px; top:58px; } #home .form-reception { margin-left:200px; display:block; font-family:Arial; } #home .form-reception legend { margin:0 0 20px 10px; font:normal 2.5em/1.2em "AdessoBold"; /*30px/36px*/ color:#000; display:block; } #home #content .header h1 { margin:0 0 10px 0; position:relative; z-index:5;} #home .form-reception legend { #position:relative; #left:-17px; } #home #content .header h1 em, #home .form-reception legend em { display:block; font:normal 0.6em "AdessoMedium"; color:#333; position:relative; top:5px; } #home .form-reception label { margin-bottom:10px; font:bold 1.2em Arial; color:#286099; display:block; } .legend { font:normal 0.833em Arial; color:#666; } .legend .icon-bluelight { margin:0 5px 5px 0; background-position:-50px -99px; width:12px; height:10px; display:block; position:relative; top:1px; } .legend .icon-blue { margin:0 5px 5px 0; background-position:-64px -99px; width:12px; height:10px; display:block; position:relative; top:1px; } .legend span { float:left; } #home .legend { position:absolute; left:20px; bottom:18px; z-index:5; } #home .info-tel-home { margin:0; font:normal 1em Arial;/*12px*/ position:absolute; bottom:25px; width:415px; } #home .info-tel-home .icon-teleo { margin:0 20px; background:url(images/tele/teleo-info-home.png) no-repeat; width:115px; height:50px; float:left; position:relative; top:0px; } #home .info-tel-home .number { } #home .info-tel-home .number, #home .info-tel-home .icon-ears { position:relative; top:3px; } #home #content .header .column-2 fieldset span { color:#000; } .todo { margin:10px 0 10px 0; width:205px; } .todo li { padding:3px 0; color:#000; border-top:dotted 1px #777; zoom:1 } .todo li .icon { margin-right:2px; background-position:-38px -100px; width:4px; height:7px; position:relative; top:-1px; opacity:0.3; } .todo li .date { float:right; color:#666; } .todo li.first { margin-bottom:15px; border-top:none; font: 1.5em "AdessoMedium"; color:#000; } .todo li.first .icon { margin:8px 5px 0 0; display:block; float:left; } .todo li.first .date { margin-top:5px; border-top:dotted 1px #bebebe; font:0.667em "Trebuchet MS"; display:block; background:#e2e2e2; color:#000; float:none; width:205px; } .todo li.first .car { display:inline-block; background:#fff; color:#e2001a; border-right:dotted 1px #bebebe; font:normal 1.5em "AdessoBold"; padding:0 4px; } #home .tabs-wrapper { } #home .ui-tabs-nav li { float:left; margin-right:8px; } #home #content .ui-state-default a.btn-standard { background-position:right top; color:#333; } #home #content .ui-state-default a.btn-standard span { background-position:left top; color:#333; } #home #content .ui-state-active a.btn-standard, #home #content .ui-state-active a.btn-standard span, #home #content .ui-state-default a.btn-standard:hover { color:#fff; display:inline-block; color:#000; background-position:right -54px; } #home #content .ui-state-active a.btn-standard { padding-right:10px; } #home #content .ui-state-active a.btn-standard span { background-position:left -54px; padding:5px 0px 5px 10px; } #home #content .ui-state-default a.btn-standard:hover span { background-position:left -54px; padding:5px 0px 5px 10px; } #home #content .ui-state-active a.btn-standard span span, #home #content .ui-state-default a.btn-standard span span { display:none; } #home .btn-standard, #home .btn-standard-active { position:relative; z-index:5; } #home .btn-see-calendar { margin:0 0 30px 0; } #home .ui-tabs-hide { display:none; } #home .box-home { padding:10px; background:#eee; width:310px; margin-right:15px; float:left; position:relative; } #home .box-home .inner { padding:15px; background:#fff; } /*#home .column-1 .box-home .inner { position:relative; top:0;}*/ #home .box-home-last { margin:0; } #home .box-home .teleo-question { display:block; float:left; margin-right:15px; } #home .box-home p { margin-bottom:15px; } h3 .category-red { margin-right:3px; position:relative; top:-4px; font-size:0.5em; } #home #content .header .column-1 .btn-outre-mer { position:absolute; bottom:10px; left:260px; } .carousel-home { position:relative; zoom:1; } .carousel-home .view { overflow:auto; position:relative; width:255px; margin-left:13px; } .carousel-home .view ul { width:999999px; position:relative; } .carousel-home .view ul li { float:left; position:relative; width:255px; } .carousel-home .picture { margin-bottom:10px; border:solid 2px #e7e7e7; } .carousel-home .icon-video { left:108px; top:49px; background-position:0 -48px; height:39px; width:39px; } .carousel-home h3 a { color:#006ab3; } .carousel-home .list li { padding:0; border:0;} .carousel-home .list .icon { background:url(images/btn/carousel.png) no-repeat 0 0; _background:url(images/btn/carousel-ie.png) no-repeat 0 0; display:block;} .carousel-home .prev-next .icon { width:31px; height:35px;} .carousel-home .next .icon { background-position:-32px 0;} .carousel-home .prev { position:absolute; top:54px; left:0; z-index:5; } .carousel-home .next { position:absolute; top:54px; right:0; z-index:5; } .view-video { margin:0 0 10px 29px; position:relative; display:block; } .view-video .picture { border:solid 2px #e7e7e7; } .view-video .icon-video { left:85px; top:39px; background-position:0 -48px; height:39px; width:39px; } .box-info .carousel-news .list { position:absolute; top:0; width:245px;} /* FAQ ------------------------- */ .alphabet { margin:0 0 25px 0; padding:7px 10px; background:#eee; font:1.333em "AdessoMedium"; } .alphabet a { padding:0 6px 0 6px;} .alphabet a.active { color:#006ab3; } .alphabet a.desactive { color:#ccc; } .alphabet-anchor { margin:5px 0 0 0; font-size:0.75em; font-family:Arial; } /* REGION HOME ------------------ */ #region-home #content .content-inner { background:none; padding:0 10px; } #region-home #content .section { margin:-20px 0 20px 0; #margin:-10px 0 20px 0; padding:0; zoom:1; } #region-home #wrapper-map-france, #region-home #wrapper-map-france-canal { position:relative; width:524px; top:-30px; left:50px; } .bubble { padding:10px; width:288px; background:#fff; position:absolute; display:none; z-index:10; } .bubble .title { font:bold 1.667em Arial; color:#000; display:block; } .bubble .date { font:normal 0.917em Arial; color:#000; display:block; position:relative; } .bubble .car { float:right; } .bubble .car span { margin-left:1px; padding:5px; font:normal 2.667em/30px "AdessoBold"; color:#fff; background:#555; float:left; } #region-home .bubble .icon-queue { background-position:-193px -164px; width:13px; height:7px; position:absolute; top:24px; left:60px; } #home .bubble { width:105px; text-align:center; } #home .bubble .icon-queue { background-position:-193px -164px; width:13px; height:7px; position:absolute; bottom:-6px; left:56px; } #home .bubble .title { font-size:1.333em; } #region-home .tabs { margin-top:20px; padding-left:25px; float:right; width:290px; } #region-home .tabs li { margin-left:2px; display:block; float:left; position:relative; } #region-home .tabs li a { padding-right:15px; #padding-right:10px; display:block; float:left; background:url('images/btn/bg-tabs.png') repeat-x right 0; } #region-home .tabs li a span { padding:14px 0 12px 20px; #padding:14px 0 12px 15px; display:block; font-weight:bold; background:url('images/btn/bg-tabs.png') repeat-x 0 0; } #region-home .tabs li.ui-state-active a, #region-home .tabs li.ui-state-active a:hover { background:url('images/btn/bg-tabs.png') repeat-x right -88px; } #region-home .tabs li.ui-state-active a span, #region-home .tabs li.ui-state-active a:hover span { background:url('images/btn/bg-tabs.png') repeat-x 0 -88px; color:#000; } #region-home .ui-tabs .ui-tabs-hide { display:none; } #region-home .tabs li a:hover { background:url('images/btn/bg-tabs.png') repeat-x right -44px; } #region-home .tabs li a:hover span{ background:url('images/btn/bg-tabs.png') repeat-x 0 -44px; color:#000; text-shadow:1px -1px 0 #fff; } #region-home .btn-outre-mer { position:absolute; left:30px; top:440px; } #region-home .btn-pdf { position:absolute; left:270px; top:710px; } .calendar { padding:15px; width:265px; background:#fff; font-size:0.917em; float:right; } .calendar * { zoom:1 } .calendar a { border-left:10px solid #c6e8ff; padding-left:13px; display:block; background:#fff; } .calendar .wrapper { padding:2px 5px; display:block; } .calendar .wrapper .date { display:inline-block; width:115px; } .calendar .wrapper .region { display:inline-block; width:110px; } .calendar .first { padding:0 0 7px 23px; } .calendar .first .wrapper { padding:0 0 5px 0; border-bottom:dotted 1px #000; color:#000; line-height:16px; } .calendar .old a { border-color:#eee; } .calendar .old a .wrapper { color:#a7a7a7; } .calendar .coming a { border-color:#3388c2; } .calendar .coming a .wrapper { display:block; color:#fff; background:#3388c2; position:relative; } .calendar .coming a .wrapper .icon{ background-position:-181px -179px; width:6px; height:11px; position:absolute; top:15px; left:-23px; z-index:3; } .calendar .alt a .wrapper .icon{ background-image:none; background-color } .calendar .alt a { border-left:10px solid #3388C2; padding-left:13px; display:block; background:#fff; } .calendar .alt a .wrapper .icon{ } .calendar a:hover, .calendar a.hover { border-color:#555; zoom:1; cursor:pointer; } .calendar a:hover .wrapper, .calendar a.hover .wrapper { padding:2px 5px; display:block; color:#fff; background-color:#555; zoom:1; } #region-home .calendar li { zoom:1; list-style:none; } #region-home .legend { margin:-10px 0 0 0; padding-bottom:15px; #padding-bottom:8px; z-index:5; } .zones-infos { margin-top:20px; border-top:dotted 1px #b9b9b9; padding:20px 0 0 140px; position:relative; font-size:0.917em; line-height:1.4em; width:465px; } .zones-infos .teleo { background:url('images/tele/teleo-ouetquand.png'); width:120px; height:75px; position:absolute; top:40px; left:0; } .zones-infos ul { margin:15px 0; } /* DIAGNOSTIC ------------------- */ #diagnostic h2.heading { margin-bottom:25px; font:normal 2.333em "AdessoMediumItalic"; } #diagnostic p.info { position:relative; top:-20px; color:#888; font-size:1.25em; } #diagnostic .section { text-align:center; } .diagnostic-home { position:relative; padding:50px 0 50px 300px; text-align:left; } .diagnostic-home h2.heading { } .diagnostic-home .teleo { position:absolute; top:70px; left:0; } .form-diagnostic .buttonset { margin:0 auto 30px auto; padding:0; } .form-diagnostic .buttonset label { margin:0 0 0 -4px; padding:1px; border:solid 1px #e0e0e0; color:#000; width:162px; min-height:115px; _height:115px; display:inline-block; } .form-diagnostic .buttonset label span { padding:15px 15px 25px 15px; background:#eee; text-align:center; position:relative; float:left; font:bold 1.333em Arial; min-height:75px; _height:75px; width:132px; } .form-diagnostic .buttonset label span strong { position:relative; top:10px; font-size:2.083em; } .form-diagnostic .buttonset label input { position:absolute; bottom:20px; left:72px;} .form-diagnostic .buttonset label:hover span { background:#e5e5e5; } .form-diagnostic .buttonset label.rounded-r10-left { margin:0; } .form-diagnostic .buttonset label.active { } .form-diagnostic .buttonset label.active span, .form-diagnostic .buttonset label.active:hover span { border:solid 1px #005590; background:#0074c3; color:#fff; min-height:73px; _height:73px; width:133px; text-shadow:1px 1px 1px #005590;} #diagnostic .form-diagnostic .submit { margin:auto; } #diagnostic .diagnostic-pager { margin:20px auto; padding-top:30px; width:500px; background:url(images/diagnostic-separator.png) top center no-repeat; } #diagnostic .diagnostic-pager a.icon { margin:0 2px; background-position:-38px -149px; text-indent:0; height:21px; width:21px; font-size:1em; font-weight:bold; text-align:center; color:#fff; line-height:21px; } #diagnostic .diagnostic-pager a:hover.icon { background-position:-6px -149px; color:#fff; } #diagnostic .diagnostic-pager a.active, #diagnostic .diagnostic-pager a:hover.active { background-position:-67px -180px; color:#fff; width:26px; height:25px; line-height:25px; } #diagnostic .field-wrapper { margin:10px auto 50px auto; padding:5px; background:#f6f6f6; width:485px; } #diagnostic .field-wrapper .field-text { padding:7px 10px; line-height:20px; background:#fff; width:463px; border:solid 1px #c3c3c3; } .form-diagnostic .selecter { margin:-20px auto 50px auto; #margin-top:20px; width:90px; } .form-diagnostic .select { padding:0 35px 0 0; display:block; float:left; position:relative; background:url('images/sprite-dropdown.png') right -24px; z-index:5; } .form-diagnostic .select .selected{ padding:0 15px; display:inline-block; font:bold 15px/37px Arial; background:url('images/sprite-dropdown.png') left -24px; color:#000; position:relative; left:-1px; overflow:hidden; height:37px; } .form-diagnostic .select .options { position:absolute; top:37px; left:-1px; background:#fff; width:170px; padding:3px 5px; z-index:5; display:none; border:solid 1px #cacaca; text-align:left; } .form-diagnostic .select .options ul { z-index:5; } .form-diagnostic .select .options ul li { border-top:dotted 1px #ccc; padding:2px 0; z-index:5; } .form-diagnostic .select .options ul li.first { border:none; } .form-diagnostic .select .options ul li a { color:#000; font-size:1.25em; font-weight:bold; padding:5px 10px; display:block; z-index:5; } .form-diagnostic .select .options ul li a:hover { color:#fff; background:#006ab3; } #video-player { margin-bottom:10px;} #tabs .ui-tabs-nav { background:url('images/px-gray.png') 0 40px repeat-x; #background:url('images/px-gray.png') 0 39px repeat-x; } #tabs .ui-tabs-nav li { display:inline; float:left; margin:0 20px 0 0; padding:11px 0 0 0; } #tabs .ui-tabs-nav li.ui-state-active { padding:10px 10px 0 10px; border:solid 1px #ccc; border-bottom:none; background:#fff; } #tabs .ui-tabs-nav .heading-3 { color:#999; font-size:1.33em; } #tabs .ui-tabs-nav .ui-state-active .heading-3 { color:#006ab3; font-size:1.333em; } #tabs .ui-tabs-hide { display:none;} /* SUMMARY ---------------------- */ body#summary .rte h2 { font:normal 1.667em Arial; color:#000; } .box-page { margin:20px 20px 0 0; padding:20px 0 0 0; background: url('images/three-dotted.png') top repeat-x; width:290px; float:left; } .box-page-last { margin:20px 0 0 20px; } .box-page h3 { border-bottom:dotted #bbb 1px; margin-bottom:20px; padding:5px 0 20px 0; } .box-page h3 a { color:#006AB3;} .box-page .illustration { margin-right:15px; width:45px; border:solid 1px #e7e7e7; padding:2px; display:block; float:left; } .box-page .rte { width:223px; float:left; } .box-page .rte .more { padding-right:18px; float:right; position:relative; } .box-page .rte .more .icon { background-position:-128px -128px; position:absolute; right:0; top:2px; } body#summary .carousel .rte { width:802px; padding:20px 0 0 0; position:relative; border-top:dotted 1px #bbb; } body#summary .carousel .rte h1 { margin:0 0 15px 0; font:normal 2.333em "AdessoMedium"; color:#006ab3; } body#summary .carousel .rte .teleo-tv { position:relative; top:-21px; float:right; margin-bottom:-20px; } body#summary .carousel .prev-next li { top:140px; } body#summary .clear { height:1px; line-height:1px; font-size:1px; } body#summary .three-dotted { height:5px; line-height:1px; font-size:1px; height:3px; width:292px; background: url('images/three-dotted.png') repeat-x; position:absolute; top:1px; left:0; } .carousel-news { position:relative; } .carousel-news .view { margin:0 0 15px 25px; overflow:hidden; width:185px; position:relative; } .carousel-news .view ul { width:999px; position:relative; } .carousel-news .view li { width:185px; margin-right:20px; float:left; } .carousel-news .list li { padding:0; border:none; } .carousel-news .list .prev a { background:url(images/carousel-news.png); width:12px; height:17px; display:block; line-height:1px; font-size:1px; text-indent:-9999px; position:absolute; top:12px; left:0; } .carousel-news .list .next a { background:url(images/carousel-news.png) -12px 0; width:12px; height:17px; display:block; line-height:1px; font-size:1px; text-indent:-9999px; position:absolute; top:12px; right:0; } .carousel-news .list a:hover { opacity:0.5; filter:alpha(opacity=50)} /*table 1*/ .table-1 { width:620px; border:10px solid #f2f2f2; background:#f2f2f2; margin-bottom:5px;} .table-1 .heading-3 { margin:0;} .table-1 .col2 { text-align:right;} .table-1 .odd td { background:#fff;} .table-1 td { padding:8px 10px; vertical-align:middle;} .table-1 .col2 { font-size:1.25em;/*15px*/ font-weight:bold; } .table-legend { font-size:0.91em; text-align:left; padding-left:10px;} /* TABLE-2 ---------------------- */ .table-2 { } .table-2 th { padding:15px; width:33%; color:#0078b9; font:bold 15px Arial; text-align:center; vertical-align:middle; background:#f6fcff; } .table-2 td { padding:15px; width:33%; vertical-align:top; border-top:solid 1px #fff; } .table-2 .header th { color:#fff; text-transform:uppercase; font:bold 14px Arial; background:#fff; } .table-2 .header th.col1 { background:#007abb; border-right:1px solid #fff; } .table-2 .header th.col2 { background:#0096bc; } .table-2 .odd td.col1 { background:#daf2ff; border-right:1px solid #fff; } .table-2 .odd td.col2 { background:#d2f6ff; } .table-2 .even td.col1 { background:#edf9ff; border-right:1px solid #fff; } .table-2 .even td.col2 { background:#e9fbff; } .table-2 img { vertical-align:middle;} /* RESULT ---------------------- */ #result h3 { color:#333; } #result h3 a { margin-left:10px; font-size:12px; font-weight:normal; text-transform:none; color:#006ab3 } #result .rte h2 a { text-decoration:none; } #result .list-video .rte { width:320px; } .copy { font-size:10px; color:#0072bc; } .copy img { vertical-align:middle; } /* Sondage ---------------------- */ .tx-rkpollsimple-pi1 div.bar-container{ position: relative; border: 1px solid #646464; background: #EFEFEF; padding:1px; margin-bottom:5px;width: 200px; font-size:11px;} .tx-rkpollsimple-pi1 div.bar-container div.bar{ background: #9F9F9F; color: #000; display: block; position: relative; height: 13px; line-height: 13px;} .tx-rkpollsimple-pi1 div.bar-container div.bar span{ position: absolute; left: 10px;} .tx-rkpollsimple-pi1 p.success{} .tx-rkpollsimple-pi1 p.error{color:red}