/* CSS Total.com * ==|== normalize ========================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body {margin:0;font-size:12px;line-height:1.231;} body, button, input, select, textarea {font-family:Arial;color:#707173;} a { text-decoration:none;} a:visited { color: #551a8b; } a:focus {outline: thin dotted;} a:hover, a:active { outline: 0;text-decoration:underline;} a.external span, a.pdflink span {padding-right:13px; color: #df0c36;} .newspush a.external span, .newspush a.pdflink span {padding-right:13px; color: #707173;} ul.list-files a.external span, ul.list-files a.pdflink span{color: #707173;} a.pdflink span {background-position:right top} abbr[title] {border-bottom:none !important;} b, strong { font-weight: bold;} blockquote { margin: 1em 40px;} dfn { font-style: italic;} hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} ins { background: #ff9; color: #000; text-decoration: none;} mark { background: #ff0; color: #000; font-style: italic; font-weight: bold;} pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;} pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word;} q { quotes: none;} q:before, q:after { content: ""; content: none;} small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 0px; } dd { margin: 0 0 0 40px; } p {margin:18px 0;} nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } figcaption {background:#F2F2F2;padding:5px;margin-top:3px;clear:both;} figcaption p {margin:0;font-size:11px;color:#707173;margin:0 !important;} h1, h2, h3 {font-weight:normal;} /* ==|== normali styles ===================================================== Author: Thomas Rambaud [at] Dixxit http://www.dixxit.fr ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing:content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input::-webkit-input-placeholder {color:#434343;} input:-moz-placeholder {color:#434343;} input, select, textarea {border:1px solid #E7E7E7;background:#fff;padding: 4px 7px;} input.submit {background:url(i/buttons.jpg) repeat-x left bottom;height:27px;color:#fff;font-family:Museo500;font-size:14px;width:auto !important;padding:4px 25px;border:none;} input.submit-blue {background:url(i/buttons.jpg) repeat-x;} input[type="checkbox"] {height:15px !important;padding:0;cursor:pointer;-webkit-appearance: none;width:auto;min-width:15px;} input[type="checkbox"]:checked {background:url(i/check-mark.jpg) no-repeat top left;} input[type="radio"] {width:15px !important;height:15px !important;padding:0;cursor:pointer;-webkit-appearance: none;min-width:15px;background:url(i/radio.png) no-repeat 0 2px;border:none;margin-right:2px;} input[type="radio"]:checked {background:url(i/radioon.png) no-repeat 0 2px;} table {border-collapse:collapse;border-spacing:0;} td {vertical-align:top;} @font-face { font-family: 'Museo100'; src: url('/bundles/digitastotal/font/museo100-regular-webfont.eot'); src: url('/bundles/digitastotal/font/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/digitastotal/font/museo100-regular-webfont.woff') format('woff'), url('/bundles/digitastotal/font/museo100-regular-webfont.ttf') format('truetype'), url('/bundles/digitastotal/font/museo100-regular-webfont.svg#Museo100') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo300'; src: url('/bundles/digitastotal/font/museo300-regular-webfont.eot'); src: url('/bundles/digitastotal/font/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/digitastotal/font/museo300-regular-webfont.woff') format('woff'), url('/bundles/digitastotal/font/museo300-regular-webfont.ttf') format('truetype'), url('/bundles/digitastotal/font/museo300-regular-webfont.svg#Museo300') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo500'; src: url('/bundles/digitastotal/font/museo500-regular-webfont.eot'); src: url('/bundles/digitastotal/font/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/digitastotal/font/museo500-regular-webfont.woff') format('woff'), url('/bundles/digitastotal/font/museo500-regular-webfont.ttf') format('truetype'), url('/bundles/digitastotal/font/museo500-regular-webfont.svg#Museo500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo700'; src: url('/bundles/digitastotal/font/museo700-regular-webfont.eot'); src: url('/bundles/digitastotal/font/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/bundles/digitastotal/font/museo700-regular-webfont.woff') format('woff'), url('/bundles/digitastotal/font/museo700-regular-webfont.ttf') format('truetype'), url('/bundles/digitastotal/font/museo700-regular-webfont.svg#Museo700') format('svg'); font-weight: normal; font-style: normal; } #alphabet, #toolbar li a, #mosaique, #footer #follow-us li a, #search #sq, #search #sq, #nav5, .rss #rss-feeds .push-rss, .article-encadre, .quote, .carrousel-enlarge .carrousel, .with-sidebar #sidebar .box, .carrefour-intro img, #nav6 dl dd img, #nav6 .h-container, #nav7, .home #sidebar section .une img, .with-sidebar #sidebar .box img, .with-sidebar #sidebar .publications .pub img, .push-carrefour-large img, .push-carrefour-large, .medias-publications #pub-selector, input, select, textarea, .generic-form fieldset, .encadre-list, #cours-en-direct, #cours-en-direct .actions a, #body-text .draggable, .actu-une img, .tooltip-cours-bourse, #nav7 .right ul li img, .faq-block, .faq-block .go, #transcript, .invivo #invivo-rub-header, .popin-collapsable-link, .push-invivo-big img, .diaporama .loader, .diaporama .controls, .diaporama .counter, .diaporama .thumbs .on, .diaporama .loading, .diaporama .thumbs li:hover, .diaporama .timer {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;} .carrousel-enlarge ul li img , .with-sidebar #sidebar .focus li img, .with-sidebar #sidebar .actus .newspush img, .default-article-intro figure img, .text-imagetoleft .left img {-moz-border-radius-topleft:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:3px;-webkit-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px;} .text-imagetoright .right img {-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 0px 3px 3px 0px;border-radius: 0px 3px 3px 0px;} .medias-publications #pub-results .header-footer .notice, #cours-en-direct object, #cours-en-direct table {-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px; } .medias-publications #pub-selector fieldset input, #footer #follow-us li a, .with-sidebar #sidebar .social div img, input.submit {-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out;} .medias-publications #pub-selector fieldset input:hover, #footer #follow-us li a:hover, .with-sidebar #sidebar .social div img:hover, input.submit:hover {box-shadow:0px 1px 3px -1px #666;-moz-box-shadow:0px 1px 3px -1px #666;-o-box-shadow:0px 1px 3px -1px #666;-webkit-box-shadow:0px 1px 3px -1px #666;-ms-box-shadow:0px 1px 3px -1px #666;-khtml-box-shadow:0px 1px 3px -1px #666;} #header {background:url(i/header-banner.jpg) repeat-x scroll 0 94px transparent;overflow:hidden;} #header .hgroup, #header hgroup {height:94px;} #header h1, #header .h1 {position:absolute;margin:0;top:20px;left:20px;color:#DE0013;padding:0;} #header h2, #header .h2 {font-family:Museo300;font-size:14px;color:#434343;position:absolute;right:185px;top:30px;display:none;width:405px;text-align:center;} #header nav a {color:#434343;} #nav1 {width:50%;} #nav1 ul {width:90%;float:left;padding:10px 20px} #nav1 .bottomliner {background-color:#DCEAF5;height:5px;left:0;position:absolute;top:54px;width:100%;z-index:10;} #nav2, #nav3 {float:left;width:100px;} #nav2 {padding-top:10px;} #nav3 {padding-bottom:10px;} #nav1 a {font-family:Museo700;} #nav2 a, #nav3 a {font-family:Museo100;} #nav1 a, #nav2 a, #nav3 a {font-size:12px;text-transform:uppercase;padding:8px 0;display:block;} #nav4 {position:relative;margin:auto;margin-top:20px;clear:both;width:100%;} #nav4 ul {text-align:center;} #nav4 ul li {display:inline;background:url(i/nav-bar.png) no-repeat scroll 0px 3px transparent;padding:0 15px;} #nav4 ul li:first-child {background:none;} #nav5 {float:left;width:220px;background:#F2F2F2;display:none;margin-bottom:20px;} #nav5 ul ul {margin:0;} #nav5 li {font-family:Museo700;color:#df0c36;font-size:18px;text-transform:uppercase;margin:0;} #nav5 li li:last-child > a{-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-webkit-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;} #nav5 li:first-child > a {-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:0px 0px 3px 3px;border-radius:3px 3px 0px 0px;} #nav5 li li {font-family:Museo700;font-size:14px;border-bottom:none;padding:0;} #nav5 li a {color:#df0c36;display:block;padding:0px 10px 6px 10px;} #nav5 >ul > li > a{padding:6px 10px 6px 10px;} #nav5 li a:hover, #nav5 li a.on {text-decoration:underline;} #nav5 li li a.on {background:url(i/link-arrow-white.png) no-repeat scroll 8px 13px #df0c36;text-decoration:none; color: #FFFFFF;} #nav5 li li a:hover {text-decoration:underline;} #nav5 li li li a:hover, #nav5 li li a:hover {background:#df0c36; color: #ffffff;} #nav5 li li a {border:medium none;color:#434343;border-top:1px solid #ddd;padding:9px 20px 5px 20px;} #nav5 li li ul {background:url(i/line-small.jpg) no-repeat scroll center top transparent;margin:0;padding-top:1px;} #nav5 li li ul ul {background:none;padding-top:0;} #nav5 li li li a {font-family:Arial;font-weight:bold;font-size:12px;float:none;width:auto;border:none;text-transform:none;padding:7px 10px 8px 36px;} #nav5 li li li a.on {background-position:24px 10px;} #nav5 li li li a.on:hover {background:url(i/link-arrow-white.png) no-repeat scroll 24px 10px #df0c36;} #nav5 li li li li a {padding-left:49px;font-size:12px;font-weight:normal;} #nav5 li li li li a.on {background-position:37px 10px;} #nav5 li li li li a.on:hover {background:url(i/link-arrow-white.png) no-repeat scroll 37px 10px #df0c36;} #nav5 li li li li li a {padding-left:62px;font-size:11px;} #nav5 li li li li li a.on {background-position:50px 10px;} #nav5 li li li li li a.on:hover {background:url(i/link-arrow-white.png) no-repeat scroll 50px 10px #df0c36;} #nav5 li li li li li li a {padding-left:75px;} #nav5 li li li li li li a.on {background-position:63px 10px;} #nav5 li li li li li li a.on:hover {background:url(i/link-arrow-white.png) no-repeat scroll 63px 10px #df0c36;} #nav5 li li li li li li li a {padding-left:88px;} #nav5 li li li li li li li a.on {background-position:76px 10px;} #nav5 li li li li li li li a.on:hover {background:url(i/link-arrow-white.png) no-repeat scroll 76px 10px #df0c36;} #nav6 {display:none;position:absolute;z-index:9;top:149px;zoom:1;} #nav6 .h-container {background:url(i/megamenu.jpg) repeat-x #E6F0F8;-webkit-box-shadow:0 7px 9px 0px #666;-moz-box-shadow:0 7px 9px 0px #666;box-shadow:0 7px 9px 0px #666;-o-box-shadow:0 7px 9px 0px #666;-khtml-box-shadow:0 7px 9px 0px #666;padding-top:15px;position:relative;min-height:340px;padding-bottom:15px;} #nav6 .left {width:180px;} #nav6 a {color:#444;} #nav6 .left li {font-family: Museo500;font-size:13px;text-transform:uppercase;padding:10px;border-bottom:1px solid #AABBBB;} #nav6 .left li.arrow {background:url("i/arrow-right.png") no-repeat scroll 159px center transparent;padding-right:30px;} #nav6 .left li.on {background-color:#FFF;} #nav6 .left li li {font-family: Museo500;font-size:14px;background:none;padding:0;border:none;padding-bottom:10px;padding-top:10px;text-transform:none;} #nav6 .left li li li {background: url("i/bullets.jpg") no-repeat -5px -32px;font-family: Arial;font-size: 12px;margin-left: 2px;padding-bottom: 0;padding-left: 14px;padding-top: 5px;} #nav6 .cols { background: none repeat scroll 0 0 #FFFFFF;left:180px;position: absolute;top: 15px;width: 450px;display:none;min-height: 295px;height:92%;} #nav6 .left li.on .cols {display:block;} #nav6 .col-left {padding:0 0 0 15px;float:left;width:46%;} #nav6 .col-right {padding:0 15px 0 5px;float:right;width:46%;} #nav6 .right {position:absolute;right:19px;top:7px;} #nav6 .right h1 {font-family: Museo500;font-size:13px;color:#444;margin-bottom:5px;} #nav6 .right article {margin-bottom:10px;width:100px;} #nav6 .right article img {width:100%;height:auto;} #nav6-top {background: url("i/megamenu-up.png") no-repeat center bottom ;bottom: 10px;display: block;height: 22px;left: 49%;position: absolute;width: 30px;} #nav6-top span {display:none;} #nav7 {padding:20px 10px;width:410px;top:115px;position:absolute;display:none;background:#fff;-webkit-box-shadow:0 7px 9px 0px #666;-moz-box-shadow:0 7px 9px 0px #666;box-shadow:0 7px 9px 0px #666;border:2px solid #cfcfcf;zoom:1;z-index:1;} #nav7 .left, #nav7 .right {float:left;width:49%;} #nav7 ul li a {color:#434343;margin-bottom:5px;font-size:12px;display:block;} #nav7 .left ul li a {background:url(i/link-arrow-black.png) no-repeat 0 4px;padding-left:13px;} #nav7 .right ul li {margin-bottom:15px;} #nav7 .right ul li img {float:left;margin-right:5px;} #mobile-nav-title {cursor:pointer;height:45px;width:138px;text-align:center;padding:13px 5px 0;font-family:Museo700;font-size:15px;text-transform:uppercase;font-weight:normal;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} #mobile-nav-title:hover, #mobile-nav-title.on {background:url(i/nav1-on.jpg) repeat-x;} #navs {background:url(i/mobile-nav.jpg) repeat-x 0 0;display:none;overflow:hidden;max-height:223px;-webkit-box-shadow:0 6px 4px -3px #aaa;-moz-box-shadow:0 6px 4px -3px #aaa;box-shadow:0 6px 4px -3px #aaa;-khtml-box-shadow:0 6px 4px -3px #aaa;-o-box-shadow:0 6px 4px -3px #aaa;} #rub-selector {margin-top:10px;width:200px;margin-left:5px;} #search {position:absolute;right:0;top:110px;} #search label {position:absolute;left:-9999px;} #search #sq {border:1px solid #e6e6e6;height:24px;width:140px;padding:0 10px;background:#fff;} #search #ss { border: medium none;height: 21px;padding: 0;position: absolute;right: 4px;text-indent: -999em;top: 3px;width: 21px;} #language {position:absolute;top:9px;right:5px;color:#434343;font-style:italic;font-size:12px;text-transform:uppercase;} #footer {background:url(i/header-banner.jpg) repeat-x scroll left top #EDF4FA;border-top:1px solid #DDDFE1;padding:25px 5px;} #footer .h-container {padding-bottom:25px;margin-top:0;} #footer h3 {background:url(i/line.png) no-repeat scroll right bottom transparent;color:#005483;font-family:Museo500;font-size:12px;margin:0;padding-bottom:9px;text-transform:uppercase;} #footer ul {padding-left:0;margin-top:12px;} #footer ul li {list-style-type:none;margin-bottom:4px;} #footer section {float:left;} #footer section li a {line-height:1.4em;} #footer a {color:#434343;font-size:11px;} #footer section li a, #footer #last-docs .carrousel ul li a, #footer .all {padding-left:13px;background: url(i/link-arrow-black.png) no-repeat scroll 0 3px transparent;display:block;} #footer .carrousel li {font-size:11px;} #footer .carrousel li a {line-height:1.1em;} #footer .prev-next {position:absolute;top:61px;display:none;} #footer .next {right:0;} #footer .all {font-weight:bold;color:#005483;background-image:url(i/link-arrow-blue.png);} #footer #panorama {width:175px;float:left;margin-bottom:15px;} #footer #follow-us {width:135px;float:left;} #footer #follow-us li {float:left;margin-right:10px;} #footer #follow-us li a {background:none;padding-left:0;} #footer #more-viewed {clear:both;} #footer #last-docs {float:none;position:relative;margin-top:19px;} #footer #last-docs .carrousel li {margin-bottom:15px;} #footer #last-docs .carrousel li .img {float:left;margin-right:3px;height:110px;display:none;} #footer #last-docs .carrousel li strong {margin:0 0 5px 0;display:block;} #footer #last-docs .carrousel li a {display:block;margin-top:3px;} #footer #total-web {margin-top:20px;position:relative;} #footer #total-web li {margin:8px 0;} #footer #total-web li .img, #footer #annual-reports li img {border:1px solid #9bb2bf;display:none;background:#fff;text-align:center;padding-top:2px;border-radius:3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;} #footer #total-web {margin-bottom:20px;} #footer #total-web li a {padding-left:8px;} #footer #total-web li a span {display:block;margin-top:4px;padding-left:5px;} #footer #reports-n-lastdocs {float:none;width:100%;} #footer #annual-reports {float:none;} #footer #annual-reports li {margin-bottom:15px;} #footer #annual-reports li strong {font-size:11px;display:block;margin-bottom:5px;} #footer #annual-reports li img {margin:10px auto;} #footer #annual-reports li a {display:block;margin-bottom:3px;} #footer .half-left {float:left;width:auto;} #footer #nav4 ul {margin-top:5px;} #article {width:310px;padding:20px 5px;} #mosaique {background:#fff;zoom:1;} #mosaique article {display:block;position:relative;margin:0 auto 1px auto;overflow:hidden;width:244px;height:150px;} #mosaique article a {display:block;cursor:pointer;} #mosaique article a:hover {text-decoration:none;} #mosaique .text {position:absolute;width:100%;height:100%;background:url(i/cross.gif) no-repeat scroll 98% 5% transparent;text-shadow: 0px 1px 0px #434343;filter: dropshadow(color=#434343, offx=0, offy=1);} #mosaique .text .text-block {background-color: rgba(67, 67, 67, 0.6);position:absolute;width:100%;bottom:0;padding:10px 0;} #mosaique .text .text-body {width:100%;} #mosaique .text-no-cross {background-image:none;} #mosaique .text h1 {font-size:15px;margin:0;text-decoration:none;width:94%;font-family:Museo500;color:#fff;padding:0 10px;line-height:1.1em;} #mosaique .text p {font-size:11px;margin:2px 0;width:94%;font-family:Museo700;color:#fff;padding:0 10px;text-transform:uppercase;margin-bottom:0;} #mosaique .text .toggable {display:none;} #mosaique .text .toggable p {font-size:12px;margin:7px 0;width:auto;font-family:Museo500;text-transform:none;} #mosaique .text .link { background:url(i/mosaik-cross.png) no-repeat scroll 0 3px transparent;color:#FFF;margin-left: 10px;padding-left: 12px;text-decoration: none;} #mosaique .text .link span {text-decoration:underline;} #mosaique .item-2 .text-block, #mosaique .item-4 .text-block, #mosaique .item-6 .text-block {width:51%;height:93%;min-width:125px;} #mosaique .text h1, #mosaique .text p {min-width:174px;} #mosaique .item-2 .text-block h2, #mosaique .item-2 .text-block p, #mosaique .item-4 .text-block h2, #mosaique .item-4 .text-block p, #mosaique .item-6 .text-block h2, #mosaique .item-6 .text-block p {width:auto;min-width:120px;} #mosaique .item-2 .text-body, #mosaique .item-4 .text-body, #mosaique .item-6 .text-body {position:absolute;bottom:10px;} #sidebar {padding:0 5px;width:auto;position:relative;} #sidebar section h1 {color:#e8561e;font-size:14px;font-family:Museo700;text-transform:uppercase;margin:0 0 10px 0;} #sidebar section h1 .rss {padding-left:5px;position:relative;top:-1px;} #sidebar section h1 .rss:hover {opacity:0.7;filter:alpha(opacity=70);} #sidebar section time, #sidebar section .time {color:#004494;display:block;} #sidebar section time strong, #sidebar section .time strong {font-weight:bold;} #sidebar section p {margin:0 0 20px 0;} #sidebar section .all {color:#E8561E;font-size:12px;font-weight:bold;float:left;background:url(i/bullets.jpg) no-repeat 0 2px;padding-left:10px;display:block;margin-top:0;margin-bottom:10px;} #sidebar section .une {margin-bottom:5px;width:217px;} #sidebar section .une .time {display:block;} #sidebar section .une strong {font-size:13px;font-weight:bold;color:#004494;margin-bottom:4px;display:block;} #sidebar section .une .all {margin-top:5px;float:left !important;} #sidebar .action-total time {text-transform:uppercase;} .with-sidebar #sidebar .box.action-total a{background: none;} .with-sidebar #sidebar .box.action-total a span strong{font-size: 11px; color: #434343; font-weight: bold;} .with-sidebar #sidebar .box.action-total a span{font-size: 11px; color: #434343;} .with-sidebar #sidebar .box.action-total a.external:hover{color: #434343 !important;} .with-sidebar #sidebar .box.action-total a span p{font-size: 12px; color: #434343;} .with-sidebar #sidebar .box.action-total a span p strong{font-size: 12px; color: #434343; font-weight: bold;} #total-energies {width:307px;background:url(i/zoom-top-320.jpg) no-repeat top left;margin-top:15px;} #total-energies section {background:url(i/zoom-bottom-320.jpg) no-repeat bottom left;padding-bottom:1px;} #total-energies section h1 {font-family:Museo700;color:#e20030;font-size:22px;padding:6px 10px;display:block !important;margin:0 0 15px 0;margin-bottom:0;text-transform:uppercase;} #total-energies article {background:url(i/streaks.gif);margin:2px 1px;padding:10px 0;} #total-energies article a {display:block;color:#434343;} #total-energies article a:hover * {text-decoration:underline;} #total-energies article h2 {font-size:13px;color:#434343;float:right;width:135px;margin-right:12px;} #total-energies article img {float:left;margin-left:10px;} #topics section {clear:both;} #topics section header h1 {font-size:14px;color:#e8561e;font-family:Museo700;text-transform:uppercase;display:block;margin-bottom:0;display:block !important;} #offset {position:absolute;left:0;} #offset a {color:#fff;display:block;margin-top:3px;text-decoration:underline;} #offset a:focus {color:#434343;} #toolbar {position:absolute;top:-24px;right:0;margin-top:0;padding:0;zoom:1;hasLayout:1;padding-right:5px;z-index:1;} #toolbar ul {margin:0;padding:0;} #toolbar li {list-style-type:none;float:left;margin-left:4px;} #toolbar li a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;display:block;float:left;font-size:12px;} #toolbar li a:hover {box-shadow:0px 1px 3px -1px #666;-moz-box-shadow:0px 1px 3px -1px #666;-o-box-shadow:0px 1px 3px -1px #666;-webkit-box-shadow:0px 1px 3px -1px #666;-ms-box-shadow:0px 1px 3px -1px #666;-khtml-box-shadow:0px 1px 3px -1px #666;z-index:2;} #zoomplus-bt {margin-left:0 !important;} #breadcrumbs {color:#808080;font-size:11px;line-height:1.5em;margin:20px 0 0;padding-left:5px;} #breadcrumbs a {color:#70a8b6;text-decoration:underline;} #breadcrumbs div {display:inline;} #breadcrumbs a:hover {opacity:0.9;filter:alpha(opacity=90);} #breadcrumbs .current {color:#333;text-decoration:none;} #alphabet {background:#F2F2F2;padding:0 20px;text-align:center;} #alphabet li {font-family:Museo700;font-size:30px;height:36px;list-style-type:none;margin-right:3px;padding:10px 0px;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} #alphabet .on, #alphabet li:hover {background:url(i/streaks.gif) #fff;} #alphabet li a {color:#e8561e;padding:0 5px;} #alphabet .on a:hover, #alphabet .on a {color:#004494;} .standard h1 {color:#df0c36;font-family:Museo700;margin-top:0;text-transform:uppercase;font-size:20px;margin-bottom:14px;} .standard h2, .standard .h2like {color:#666666;font-size:16px;margin-top:18px;font-weight:bold;} .node-type-basic-page #page-title-container h1#page-title {color:#df0c36;font-family:Museo700;margin-top:0;text-transform:uppercase;font-size:20px;margin-bottom:14px;} .node-type-basic-page #page-title-container h2, .node-type-basic-page .page-title-container .h2like {color:#004494;font-size:16px;margin-top:18px;font-weight:bold;} /* ==|== specific to templates ======================================== */ #body-text .field-name-body > *:first-child {margin-top:0;} #body-text .field-name-body ul, #body-text ol, .default-article-intro ul, .default-article-intro ol, .carrefour-intro ul, .carrefour-intro ol {padding-left:0;overflow:hidden;} #body-text .field-name-body li, .default-article-intro li, .carrefour-intro li:before {background: url(i/marker4x4-red-main.png) no-repeat scroll 0 6px transparent;list-style-type:none;padding-left:12px;margin-bottom:4px;line-height:1.5em;} #body-text .field-name-body li li, .default-article-intro li li, .carrefour-intro li li {background:url(i/bullets.jpg) no-repeat -5px -37px} #body-text .field-name-body li ul, .default-article-intro li ul, .carrefour-intro li ul {margin:7px 0 0 0} .default-article-intro ul, .default-article-intro ol, .carrefour-intro ul, .carrefour-intro ol {font-size:114%;} #body-text .field-name-body p {line-height:1.3em;line-height:1.5em;margin-bottom:12px;} #body-text .field-name-body a, .default-article-intro a, .carrefour-intro a {color:#707173;} #body-text .field-name-body .view, #sidebar .box .view { background: url(i/link-arrow-red.png) no-repeat 0 4px;clear: both;color: #df0c36;display: block;padding-left:12px;} #body-text h2 {margin-bottom:10px;} #body-text h3, .with-sidebar #sidebar .nobg h1, #nav6 ul li .mega-title {text-transform:uppercase;color:#e8561e;font-family:Museo700;font-size:14px;background:url(i/streaks-line.png) repeat-x bottom right;position:relative;margin-top:0;width:100%;font-weight:normal;} .push-carrefour h2{color: #666666; font-size: 15px; text-transform:uppercase;font-family:Museo700; background:url(i/streaks-line.png) repeat-x bottom right;position:relative;margin-top:0;width:100%;font-weight:normal;} #body-text h3 span, .with-sidebar #sidebar .nobg h1 span, .push-carrefour h2 span, #nav6 ul li .mega-title span {background:#fff;padding-right:10px;line-height:1.4em;} #body-text h3 {color:#004495;} #body-text h3.default {background: none repeat scroll 0 0 transparent;color: #707173;font-size: 14px;text-transform:uppercase;font-family:Arial;font-weight:bold;} #body-text h4 {font-size:110%;margin-top:0;} #body-text img {max-width:100%;} #body-text .text-imagetoleft + h2, #body-text .text-imagetoright + h2 {margin-top:0;} #footer-article {background:url(i/line.png) no-repeat top center;padding-top:26px;clear:both;margin-bottom:20px;float:right;} .home #article header h1 {display:none;} .home #sidebar .newspush a {background-image:url(i/link-arrow-black.png);} .lexique #article, .rss #article, .plan #article {width:100%;} #article-column {margin-top:15px;margin-bottom:10px;} .article #article {padding-bottom:10px;} .without-sidebar #article {float:right;} .with-sidebar #sidebar {border:none;padding:0 0 20px 6px;margin-top:1px;clear:both;overflow:hidden;} .with-sidebar #sidebar .box {float:left;margin:15px 0 15px 0;padding:10px 15px;width:200px;} .with-sidebar #sidebar .masonry-brick {position:absolute;} .with-sidebar #sidebar .box:first-child {margin-top:0;} .with-sidebar #sidebar .box-first {margin-top:0;} .with-sidebar #sidebar .box:last-child {margin-bottom:0;} .with-sidebar #sidebar .box-last {margin-bottom:0;} .with-sidebar #sidebar .box h1, .with-sidebar #sidebar .box .share-price {color:#df0c36;font-family:Museo700;font-size:16px;margin-bottom:10px;margin-top:0;text-transform:uppercase;} .with-sidebar #sidebar .box p {margin:6px 0; color: #707173;} .with-sidebar #sidebar .box.basic p[style] {color: #707173 !important;} .with-sidebar #sidebar .box img {float:left;margin:0 10px 10px 0;} .with-sidebar #sidebar .box a.view {color:#df0c36; background: rgba(0, 0, 0, 0) url("i/link-arrow-red.png") no-repeat scroll 0 2px;} .with-sidebar #sidebar .box .pub a.view {color:#707173; background: rgba(0, 0, 0, 0) url("i/link-arrow-red.png") no-repeat scroll 0 2px;} .with-sidebar #sidebar .box .pub a.view.pdflink span, .with-sidebar #sidebar .box .pub a.view.external span{color:#707173;} .with-sidebar #sidebar .box a.view.pdflink, .with-sidebar #sidebar .box a.view.external {background-position: 0 4px;} .with-sidebar #sidebar .box ul, .with-sidebar #sidebar .box ol{padding: 0px;} .with-sidebar #sidebar .box ul li, .with-sidebar #sidebar .box ol li{background: rgba(0, 0, 0, 0) url("i/link-arrow-red.png") no-repeat scroll 0 3px; padding-left: 12px; padding-bottom: 15px;} .with-sidebar #sidebar .box ul li a, .with-sidebar #sidebar .box ol li a{color: #707173; background: none;} .with-sidebar #sidebar .box.focus ul li{background: #fff url("i/streaks.gif") repeat scroll 0 0;} .with-sidebar #sidebar .box b, .with-sidebar #sidebar .box strong a{color:#df0c36; background: none; padding-left: 0px;} .with-sidebar #sidebar .box .rss img {float:none;} .with-sidebar #sidebar .basic {background:#F2F2F2;width:200px;} .with-sidebar #sidebar .invivo {background:#df0c36;} .with-sidebar #sidebar .invivo h1 {color:#fff;} .with-sidebar #sidebar .invivo p {color:#fff;font-size:12px;} .with-sidebar #sidebar .invivo .hideable {display:none;} .with-sidebar #sidebar .invivo .chapo {display:block;font-size:14px;margin-top:0;padding-bottom:0;} .with-sidebar #sidebar .invivo a img, .with-sidebar #sidebar .video a img {padding:2px;background:#000;margin-bottom:5px;} .with-sidebar #sidebar .video .view {margin-top:2px;} .with-sidebar #sidebar .encadre-une {background:#df0c36;} .with-sidebar #sidebar .encadre-une a{display: block;height: 114px;position: relative;width: 204px;} .with-sidebar #sidebar .nobg {padding-top:0;padding-bottom:0;} .with-sidebar #sidebar .nobg h1 {color:#df0c36;width:107%;} .with-sidebar #sidebar .nobg .view {margin-top:5px;} .with-sidebar #sidebar .actus {padding-bottom:3px;} .with-sidebar #sidebar .actus .newspush a {margin-bottom:11px;color:#434343;} .with-sidebar #sidebar .focus {padding-right:0;padding-left:0;padding-bottom:0;width:230px;} .with-sidebar #sidebar .focus h1 {color:#e8561e;padding:0 15px 7px;border-bottom:1px solid #e7e7e7;margin-bottom:0;} .with-sidebar #sidebar .focus ul {margin-bottom:0;margin-top:0;padding-left:0;} .with-sidebar #sidebar .focus li {list-style-type:none;background:none;padding:0;background:url(i/streaks.gif) #fff;padding:10px 15px;margin-bottom:0;border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;} .with-sidebar #sidebar .focus li img {float:left;margin-right:7px;} .with-sidebar #sidebar .focus li h2 { color: #004494;font-family: Arial;font-size: 12px;font-weight: bold;margin: -3px 0 2px 94px;text-transform: none;text-align:left;} .with-sidebar #sidebar .focus li p {margin:0;color:#434343;margin-left:94px;} .with-sidebar #sidebar .publications {width:auto;} .with-sidebar #sidebar .publications h1 {margin-bottom:0;} .with-sidebar #sidebar .publications .pub {padding-bottom:5px;} .with-sidebar #sidebar .publications .pub img {float:left;margin:10px 7px 7px 0;border:1px solid #9BB2BF;} .with-sidebar #sidebar .publications .pub h2 {font-size:12px;font-family:Arial;color:#004494;margin:8px 0 0 0;font-weight:bold;margin-bottom:0;} .with-sidebar #sidebar .publications .pub p {font-size:12px;margin:4px 0 0 0;} .with-sidebar #sidebar .publications a {display:block;background:url(i/link-arrow-blue.png) no-repeat 0 3px;padding-left:15px;color:#004494;margin-bottom:2px;} .with-sidebar #sidebar .publications2 .img {float:left;margin-right:10px;margin-bottom:5px;} .with-sidebar #sidebar .publications2 .img img {max-width:90px !important;width:90px;height:130px;} .with-sidebar #sidebar .publications2 .title.rouge {color:#df0c36;font-weight:bold;} .with-sidebar #sidebar .publications2 .title.gris {color:#707173;font-weight:bold;} .with-sidebar #sidebar .publications2 p {margin-left:100px;} .with-sidebar #sidebar .publications2 .links {clear:both;padding-top:6px;line-height:1.5em;} .with-sidebar #sidebar .publications-small .img {width:20%;padding-top:6px;} .with-sidebar #sidebar .publications-small .img img {max-width:90px !important;width:54px;height:79px;} .with-sidebar #sidebar .publications-small p {margin-left:51px;margin-bottom:0;} .with-sidebar #sidebar .publications-small .links {margin-left:66px;clear:none;} .with-sidebar #sidebar .publications-small .links a {clear:none;} .with-sidebar #sidebar .social {padding:10px 0;width:227px;} .with-sidebar #sidebar .social h1 {border-bottom:1px solid #DFDFDF;margin-bottom:0;padding:0 10px 5px;} .with-sidebar #sidebar .social div {padding:10px 15px 15px 15px;} .with-sidebar #sidebar .social div a {clear:none;float:left;} .with-sidebar #sidebar .social div .view {overflow:hidden;} .with-sidebar #sidebar .social div img {float:left;margin-right:9px;} .with-sidebar #sidebar .social div:last-child {border:none;padding-bottom:0;} .with-sidebar #sidebar .social .two .view {width:58%;float:left;} .with-sidebar #sidebar .social .view {display: block;font-weight: normal;width: 151px;} .with-sidebar #sidebar .basic-content {padding:15px;} .with-sidebar #sidebar .basic-content p:first-child {margin-top:0;} .with-sidebar #sidebar .basic-content p:last-child {margin-bottom:0;} .with-sidebar #sidebar .newspush a {background-image:url(i/link-arrow-black.png);} .with-sidebar #sidebar .encadre-une a.media-link {width:98% !important;height:auto !important;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} .article-column #body-text .article-encadre h3 {width:104.3%;} .article-column #sidebar .actus .img a {background:none;} .article-column #sidebar .actus .img {width:50%;} .article-column #sidebar .actus .img img {width:100%;} .article-column #sidebar .publications-small p {margin-left:65px;} .lexique dl dt {color:#004494;font-size:16px;font-weight:bold;margin:20px 0 10px 0;} .lexique dl dd {font-size:12px;margin-left:0;} .lexique dl dd ul {padding-left:0;} .lexique dl dd li {background: url("i/bullet.png") no-repeat scroll 0 3px transparent;list-style-type:none;margin-left:15px;padding-left:12px;} .lexique dl dd a {color:#70a8b6;} .rss .standard header p {font-size:16px;font-weight:bold;color:#434343;} .rss #rss-feeds .push-rss {padding:15px;background:#F2F2F2;text-align:center;margin-bottom:20px;font-size:12px;} .rss #rss-feeds .push-rss ul {padding:0;margin-bottom:0;} .rss #rss-feeds .push-rss ul li {display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;width:40%;margin-bottom:8px;} .rss #rss-feeds .push-rss ul .last {margin-right:0;} .rss #rss-feeds .push-rss .other {background:url(i/link-arrow-blue.png) no-repeat 0 5px;padding-left:15px;text-align:left;color:#004494;display:block;} .rss #rss-feeds .push-rss p {text-align:left;margin:6px 0;} .rss #rss-feeds .push-rss h3 {font-family:Museo700;color:#e8561e;font-size:16px;margin:0 0 10px 0;text-align:left;text-transform: uppercase;} .plan #article h2 {background:url(i/streaks-line.png) repeat-x bottom right;position:relative;font-family:Museo700;text-transform:uppercase;font-weight:normal;margin-bottom:5px;margin-top:20px;} .plan #article h2 span {background:#fff;padding-right:10px;} .plan #article h2 a {color:#004494;} .plan #article h3 {margin:0;text-transform:uppercase;font-size:14px;background:url(i/line-small.jpg) no-repeat bottom center;padding-bottom:10px;font-family:Museo500;font-size:14px;margin-top:10px;} .plan #article h3 a {color:#434343;} .plan #article .plan-list, .plan #article .plan-list ul {padding-left:10px;margin:0;} .plan #article .plan-list li {font-family:Arial;font-weight:normal;font-size:12px;float:none;width:auto;list-style-type:none;margin-top:10px;} .plan #article .plan-list li a {color:#434343;} .plan #article .plan-list ul {margin-bottom:30px;} #main.n #article {float:right;} #main.n #sidebar {padding-top:0;width:auto !important;} #main.n #sidebar .box {width:auto;float:none;margin-left:0;} #main.n #sidebar .actus .newspush a {color:#004494;} #main.n #sidebar .invivo a {display:block;float:left;margin-right:10px;width:50% !important;} #main.n #sidebar .invivo a img {width:100%;} #main.n #sidebar .une a {color:#E8561E;} #main.n #sidebar .social .view {} #main.n #sidebar .social .two .view {width:71.5%;} #main.n .half {margin-top:10px;} #main.n .half .half-left, #main.n .half .half-right {width:100%;float:none;} #main.n1 .half {padding-top:10px;} .standard-form, .medias-publications #pub-selector {background:#F2F2F2;padding:10px 15px;} .standard-form h2, .medias-publications #pub-selector h2 {background:url(i/streaks-line.png) repeat-x bottom right;position:relative;font-family:Museo700;text-transform:uppercase;margin-top:0;font-weight:normal;width:105%;} .standard-form h2 span, .medias-publications #pub-selector h2 span {background:#F2F2F2;padding-right:10px;} .standard-form fieldset, .medias-publications #pub-selector fieldset {margin-bottom:5px;} .standard-form fieldset label, .medias-publications #pub-selector fieldset label {display:block;float:left;width:114px;text-align:right;padding:4px 5px 0 0;} .standard-form fieldset select, .medias-publications #pub-selector fieldset select {display:block;float:left;position:relative;top:2px;width:40.5%;} .standard-form fieldset select option, .medias-publications #pub-selector fieldset select option {padding:0;} .standard-form fieldset input, .medias-publications #pub-selector fieldset input {background:url(i/buttons.jpg) repeat-x 0 -2px;font-family:Museo500;font-size:14px;color:#fff;margin-left:10px;border:none;height:25px;} .standard-results .header-footer, .medias-publications #pub-results .header-footer {position:relative;} .standard-results .header-footer .notice, .medias-publications #pub-results .header-footer .notice {background: none repeat scroll 0 0 #F2F2F2;float:left;font-weight:bold;margin:0;padding:10px;max-width:59%;} .standard-results .header-footer dl, .medias-publications #pub-results .header-footer dl {padding:0;position:absolute;right:-5px;top:10px;margin:0;} .standard-results .header-footer dd, .standard-form .header-footer dt, .medias-publications #pub-results .header-footer dl dd, .medias-publications #pub-results .header-footer dl dt {list-style-type:none;float:left;font-weight:bold;margin:0;margin-right:6px;} .standard-results .header-footer dt, .medias-publications #pub-results .header-footer dl dt {float:left;padding-right:7px;} .standard-results .header-footer dd a, .medias-publications #pub-results .header-footer dl dd a {color:#4a96cd;font-weight:normal;} .standard-results .header, .medias-publications #pub-results .header {border-bottom:1px solid #eaeaea;margin-top:20px;} .standard-results .footer, .medias-publications #pub-results .footer {border-top:1px solid #eaeaea;padding-bottom:30px;} .search-query {color:#004494;} .standard-results .fm-content, .medias-publications #pub-contents {padding:0;margin:0 0 20px 0;} .medias-publications #pub-contents li {list-style-type:none;margin-top:15px;padding:0;clear:both;overflow:hidden;background:none;min-height:187px;} .medias-publications #pub-contents li .img {float:left;margin:0 5px 5px 0;} .medias-publications #pub-contents li h2 {background:none;color: #004494;font-family: Arial;font-size: 14px;font-weight: bold;margin-top: 9px;text-transform:none;} .medias-publications #pub-contents li strong, .medias-publications #pub-contents li em {display:block;margin-bottom:4px;} .medias-publications #pub-contents li a {color:#434343;background:url(i/link-arrow-black.png) no-repeat scroll 0 3px transparent;padding-left:13px;display:block;overflow:hidden;margin-bottom:4px;margin-left:96px;} .generic-form {margin-top:20px;margin-bottom:10px;} .generic-form .field {margin-bottom:6px;} .generic-form fieldset {background:#F2F2F2;padding:15px;margin-bottom:15px;} .generic-form h3 {color:#004396 !important;margin-bottom:2px;font-weight:normal;margin-bottom:10px;width:105% !important;} .generic-form h3 span {background-color:#F2F2F2 !important;} .generic-form label {display: block;float: left;padding-right: 10px;text-align: right;width:20%;} .generic-form input, .generic-form select, .generic-form textarea {float:left;display:block;width:67.3%;} .generic-form select {width:71%;} .generic-form #howlabel {width:auto;float:none;display:block;margin-top:15px;} .generic-form #how input {width:auto;margin-right:5px;margin-top:5px;} .generic-form #how label {text-align:left;} .generic-form .margin {margin-top:6px;} .generic-form .radio, .generic-form .checkbox {width:20px;} .generic-form .submit {float:none;margin-left:158px;display:block;width:100px;margin:auto;margin-top:10px;} .generic-form .notice {color:#E9602C;font-size:12px;margin:0;} .generic-form .msg-error {color:#E20031;} .generic-form .field .notice {padding-left:81px;} .generic-form .dec {padding-left:67px;} .generic-form .civ label {text-align:left;} .generic-form .required-fields p {margin:10px 0 0 0;font-size:11px;} .generic-form .full input {width:59% !important;} .alertes-mail #body-text .input-group {padding:0;} .alertes-mail #body-text .input-group li {list-style-type:none;background:none;padding:0;} .alertes-mail #body-text .input-group li input {clear:left;display: block;float: left;margin-right: 6px;height: 23px;width:auto;min-width:15px;} .alertes-mail #body-text .input-group li label { display: block;float: left;width:275px;text-align:left;} #fm-alert-mail {margin-top:0;} #bottom-links a {margin-top:5px;} #contact-form .dec {padding-bottom: 4px;padding-left: 96px;margin:10px 0;} #contact-form label {width:31%;} #contact-form input {width:49%;} #contact-form .radio {width:20px;} #contact-form .msg label {display:block;} #contact-form .msg textarea {width:94%;} #contact-form .accept {padding-top:10px;} #contact-form #accept {width:auto;margin-right:5px;} #contact-form .accept label {width:88%;text-align:left;} #contact-form input[type="submit"][value="Valider"] {width:100px !important;} .contact .standard-form {margin-bottom:20px;overflow:hidden;} .contact .standard-form select {width:80%;margin-bottom:10px;} .contact .standard-form input {margin-bottom:7px;padding-left:15px !important;padding-right:15px !important;width:50px !important;} .contact #body-text .half-left, .contact #body-text .half-right {float:none;clear:both;width:auto;} .contact #contact-form .full label {width:22%;} .contact #contact-form .full input {width:67% !important;} .contact #contact-form .dec {padding-left:85px;} .contact #body-text .view {display:inline;} .medias-cp #pub-selector fieldset .input-text {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E7E7E7;display: block;height: auto;padding: 4px 7px;width:144px;color:#434343;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;} .medias-cp #pub-selector fieldset select {width:auto !important;margin-right:6px;} .medias-cp #cp-period {padding-top:5px;} .medias-cp #cp-period label {position:relative;top:3px;} .medias-cp #submit {display: block;margin: 30px auto 0 auto !important;width: 105px;} .medias-cp #pub-results .dated-results {margin-top:20px;} .medias-cp #pub-results .dated-results li {background:none;padding:0;} #cours-en-direct {background:#F2F2F2;} #body-text section {padding:10px 15px;margin-bottom:45px;position:relative;} #body-text section h2 {font-family: Museo700;font-size: 16px;font-weight: normal;margin-top: 0;position: relative;text-transform: uppercase} #cours-en-direct h2 {background: url("i/streaks-line.png") repeat-x scroll right bottom transparent;width:105%;} #cours-en-direct h2 span {background:#F2F2F2;padding-right:10px;} #cours-en-direct time {display: block;font-size: 14px;font-weight: bold;padding-bottom: 18px;text-align: center;} #main #cours-en-direct .half {margin-top:1px;} #cours-en-direct .half-left, .draggable-container .half-left, .draggable-container .half-right, #cours-en-direct .half-right {width:auto;float:none;} #cours-en-direct object, #cours-en-direct table {-webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);margin-top:0;background:#fff;} #cours-en-direct table td, #cours-en-direct table th {border:none;} #cours-en-direct th {text-align:left;} #cours-en-direct tr {border-left:1px solid #E9E9E9;border-right:1px solid #E9E9E9;} #cours-en-direct .align-right {text-align:right;} #cours-en-direct object {border:1px solid #E9E9E9;width:100%;} #cours-en-direct .show {cursor: pointer;left: 4px;position: relative;top: -2px;} #cours-en-direct .mentions {margin-top:10px;} #cours-en-direct .mentions span {padding-left:15px;padding-right:30px;} #cours-en-direct .actions {position: relative;top:-5px;width: 270px;} #cours-en-direct .actions ul {margin:0;} #cours-en-direct .actions li {float:left;width:49.5%;padding:0;margin:0;background:none;} #cours-en-direct .actions a {display:block;height:20px;padding:7px 20px 2px 20px;background:url("i/link-arrow-blue.png") no-repeat scroll 8px 11px transparent;color: #004494;} #cours-en-direct .actions .active {background:#fff;border:1px solid #E9E9E9;border-top:none;} #cours-en-direct .half-right {float: none;margin-top: 20px;width: 100%;} .tooltip-cours-bourse {display:none;position:absolute;background:#fff;border:1px solid #999;} .tooltip-cours-bourse span {color:#004494;font-size:16px;font-weight:bold;text-align:center;display:block;margin:10px;} #body-text .draggable {background:#fff;border:1px solid #E5E5E5;padding:0;margin-bottom:31px;} #body-text .draggable time {font-weight:normal;font-size:11px;} #body-text .draggable-title {background: url("i/arrow-down.png") no-repeat scroll 13px 11px #F2F2F2;display: block;padding: 5px 5px 5px 28px;cursor:pointer;} #body-text .draggable-closed .draggable-title {background-image:url(i/arrow-right.png);} #body-text .draggable-title h2 {margin:0; color: #df0c36;} #body-text .draggable-title sup {font-size:62%;} #body-text .draggable-content {padding:0 10px;margin:10px 0;} #body-text .draggable-content ul{padding-left: 0px;} #body-text .draggable-content figure {display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;width: auto;} #body-text .draggable-content .view {background: url("i/link-arrow-black.png") no-repeat scroll 0 4px transparent !important;color:#707173 !important; padding-left: 12px} #body-text .draggable-content .text-imagetoleft .view.external, #body-text .draggable-content .text-imagetoleft .view.pdflink{padding-left: 12px; background: url("i/link-arrow-red.png") no-repeat scroll 0 4px transparent !important; color:#df0c36 !important;} #body-text .drag-publications .draggable-content .pub-inline .view {background: url("i/link-arrow-red.png") no-repeat scroll 0 4px transparent !important;color:#df0c36 !important;} #body-text .draggable-content li {background:none;padding:0;margin-bottom:15px;} #body-text .draggable-content li:last-child {margin-bottom:0;} #body-text .draggable-content time {color: #df0c36;display: block;font-weight: normal;} #body-text .draggable-content .dated-results {position:relative;left:-11px;} #body-text .draggable-content .dated-results li {list-style-type:none;padding:0;background:url(i/bullets-big-red.png) no-repeat 0 0;padding-left:10px;margin-bottom:15px;} #body-text .draggable-content .dated-results li time {margin-bottom:0;} #body-text .draggable-content p:last-child {margin-bottom:0;} #body-text .draggable-container .half-left {float:left !important;} #body-text .draggable-container .half-right {float:right !important;} #body-text .drag-webzine .draggable-content {text-align:center;} #body-text .drag-webzine .draggable-content a {display:block} #body-text .drag-webzine img{width:100% !important} #body-text .drag-communiques time {display:block;margin-bottom:6px;} #body-text .draggable .go {border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;background: url("i/link-arrow-red.png") no-repeat scroll 16px 12px #F2F2F2;border-radius: 0 0 3px 3px;bottom: -10px;color: #df0c36;display: block;font-weight: bold;left: -10px;padding-bottom: 9px;padding-left: 29px;padding-top: 8px;position: relative;width: 97%;} #body-text .drag-resultats p {margin-bottom:5px;} #body-text .drag-resultats ul, #body-text .drag-nominatif ul {margin-top:0;} #body-text .drag-resultats li, #body-text .drag-nominatif li {margin-bottom:5px;} #body-text .drag-contact p {margin-bottom:0;margin-top:10px;} #body-text .draggable figure img {width:100%;height:auto;} #body-text .drag-agenda li {margin-bottom:15px;} #body-text .drag-agenda li:last-child {margin-bottom:0;} #body-text .drag-agenda ul {margin-bottom:0;} #body-text .drag-agenda time {float:left;font-family: 'Museo500'; font-size: 12px;} #body-text .drag-agenda a.external span, #body-text .drag-agenda a.pdflink span{color: #707173;} #body-text .drag-agenda .view {background-position: 9px 12px !important;padding-left: 25px;padding-top: 8px; color: #707173;} .ui-sortable-placeholder {border:1px dashed #ccc !important;visibility:visible !important;background:#fefefe !important;} .action-total #cours-en-direct .half-right p {margin-top:10px;} .actionnaires tbody, .actionnaires tbody, .actionnaires thead, .actionnaires tfoot {display:table-row-group !important;} .actionnaires table {width:100%;margin-top:0;margin: 10px 0;width: 100%;} .actionnaires table:before {display:none;} .actu-une {padding:0 !important;margin-bottom:30px !important;} .actu-une .half-right {float:none !important;padding-top:10px !important;clear:both;width:auto !important;} .carrousel-totalweb {width:100%;height:150px;} .carrousel-totalweb .carrousel {float: left;height: 116px;left: 30px;overflow: hidden;position: absolute;width:81.3%;} .carrousel-totalweb .carrousel li {float:left;margin-right:17px;list-style-type:none;width:120px;} .carrousel-totalweb .carrousel li a {display:block;color:#424242;} .carrousel-totalweb .carrousel li .linktext {padding-top:7px;} .carrousel-totalweb .carrousel img {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #9BB2BF;padding-top: 2px;text-align: center;} .carrousel-totalweb .carrousel ul {padding:0;width:9999px;position:absolute;left:0;} .carrousel-totalweb .prev-next {height:70px !important;margin-top:11px;} .carrousel-totalweb .prev {margin-right:10px;} .carrousel-totalweb .next {margin-left:10px;float:right !important;} .carrousel-totalweb .prev-next span {top:23% !important;} .tout-sur-le-web .standard-form input, .tout-sur-le-web .standard-form select {float:left;margin-right:11px;} .tout-sur-le-web .standard-form .input-text {width:95%;margin-bottom:10px;} .tout-sur-le-web .standard-form #theme {width:105px;} .tout-sur-le-web .standard-form #geozone {width:105px;} .tout-sur-le-web .standard-results .header-footer dl {top:2px;} .tout-sur-le-web .standard-results table {width:100%;position:relative;} .tout-sur-le-web .standard-results td {padding-left:15px;} .tout-sur-le-web .standard-results th {position:relative;text-align:left;padding-left:15px;} .tout-sur-le-web .standard-results table .view {color:#205098;background:url("i/link-arrow-blue.png") no-repeat scroll 0 3px transparent;padding-left:15px;} .tout-sur-le-web .header-footer dt {display: block;float: left;margin-right: 8px;} .tout-sur-le-web th .inner {position:relative;display:block;} .tout-sur-le-web #count-per-page {margin:3px 0 0 10px} .tout-sur-le-web .sorter {background: url("i/arrow-down.png") no-repeat scroll center center transparent;display: block;height: 34px;left: 45px;position: absolute;top:-10px;width: 24px;cursor:pointer;} .tout-sur-le-web .sorter:hover {border:1px solid #ccc;height:32px;width:22px;} .tout-sur-le-web .sorter ul {display:none;width:48px;padding:0;margin:0;border:1px solid #ccc;position:relative;height:27px;margin-top:31px;left:-1px;} .tout-sur-le-web .sorter:hover ul {display:block;} .tout-sur-le-web .sorter li {background:url(i/azza.jpg) no-repeat top left;width:24px;height:27px;margin:0;padding:0;display:block;position:absolute;text-indent:-999em;top:0;} .tout-sur-le-web .sorter li:hover {} .tout-sur-le-web .sorter li a {display:block;width:24px;height:27px;} .tout-sur-le-web .sorter .az {background-position:-24px 0;left:0;} .tout-sur-le-web .sorter .za {right:0;} .page404 .chapo {font-size:16px;font-weight:bold;} .page404 #body-text {padding-bottom:20px;} .page404 #article h2 {margin-top:28px;margin-left:13px;} .page404 #article .plan-list {margin-left:13px;} .search-page #main-search-form .checkboxes li {background:none;padding:0;} .search-page #main-search-form .checkboxes li a {padding:0 0 0 20px;background:url(i/check.png) no-repeat top left;display:block;color:#434343;} .search-page #main-search-form .checkboxes li.on a {background:url(i/check.png) no-repeat bottom left;} .search-page #main-search-form .label-left {text-align:left;padding-top:5px;} .search-page #fsq {width:45%;} .search-page #fsq-submit {margin-top:0;padding: 0 10px !important;width:auto;left: 12px;margin-left: 0;position: relative;top: -1px;} .search-page #affiner {border-top: 1px solid #CECECE;margin-top: 15px;padding-top: 15px;} .search-page .standard-results .header-footer dl {top:8px;width:100px;} .search-page .standard-results .footer dl {top:10px;width:auto;} .search-page .standard-results .search-result {padding:10px 20px 10px 35px;position:relative;} .search-page .standard-results .search-result-text, .search-page .standard-results .search-result-pdf {display:block;position:absolute;width:16px;height:19px;left:10px;} .search-page .standard-results .search-result-pdf {left:9px;} .search-page .standard-results .search-result-text span, .search-page .standard-results .search-result-pdf span {display:none;} .search-page .standard-results .search-result-text {background:url(i/search-result.png) no-repeat 0 3px;} .search-page .standard-results .search-result-pdf {background:url(i/search-result.png) no-repeat 0 bottom;} .search-page .standard-results .search-result p {margin-bottom:8px;} .search-page .standard-results .search-result .title {font-weight:bold;margin-bottom:10px;} .search-page .standard-results .search-result-odd {background:#F2F2F2;} .full-width #article {width:100%;} #invivo-rub-header {padding:8px;background: #f2f2f2; /* Old browsers */background: -moz-linear-gradient(left, #f2f2f2 0%, #f2f2f2 54%, #ffffff 94%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2f2f2), color-stop(54%,#f2f2f2), color-stop(94%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #f2f2f2 0%,#f2f2f2 54%,#ffffff 94%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, #f2f2f2 0%,#f2f2f2 54%,#ffffff 94%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #f2f2f2 0%,#f2f2f2 54%,#ffffff 94%); /* IE10+ */background: linear-gradient(to right, #f2f2f2 0%,#f2f2f2 54%,#ffffff 94%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */} #invivo-rub-header h1 {margin-bottom:10px;} #invivo-rub-header .chapo {margin:0;} #invivo-banner-nav {padding:0;margin:10px 0;height:41px;} #invivo-banner-nav li {height:41px;list-style-type:none;padding:0;margin:0;width:38%;float:right;background:url(i/invivo-banner-nav-off.png) no-repeat top left;} #invivo-banner-nav a {display:block;height:21px;padding:10px;text-transform:uppercase;color:#434343;text-align:right;padding-right:25px;font-family:Museo500;font-size:14px;padding-top:5px;} #invivo-banner-nav .on {background:url(i/streaks-purple.gif) repeat scroll 0 0 #66367F;width:60%;float:left;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px; } #invivo-banner-nav .on a {background:url(i/invivo-banner-nav-on-right.gif) no-repeat top right;padding-right:10px;color:#fff;text-align:left;font-size:18px;padding-top:9px;} #invivo-une {position:relative;margin-bottom:10px;} #invivo-une a {color:#434343;text-decoration:none;display:block;} #invivo-une div div {padding:17px 10px 17px 10px;} #invivo-une .rubtitle {color: #683580;font-family: Museo700;font-size: 11px;margin: 2px 0 0;padding: 0 10px;text-transform: uppercase;} #invivo-une h2 { color: #683580;font-family: Museo500;font-size: 15px;line-height: 1.1em;margin: 0;padding: 0 10px;text-decoration: none;font-weight:normal;margin-top:2px;} #invivo-une p {color:#434343; font-family: Museo500;font-size: 12px;margin: 9px 10px 4px 10px;text-transform: none;line-height:1.4em;} #invivo-une .link {background: url(i/mosaik-cross-black.png) no-repeat scroll 0 3px transparent;color: #434343;margin-left: 10px;padding-left: 12px;text-decoration: none;margin-top:5px;display:inline-block;} #invivo-une .link span {text-decoration: underline;} #invivo-mag {padding-top:20px;} #invivo-mag h2 {color:#683580;font-family:Museo700;font-size:19px;margin-bottom:15px;margin-top:0;clear:both;font-weight:normal;} #invivo-mag .half-left, #invivo-mag .half-right {float:none !important;width:auto;} #invivo-mag .view {clear:both;display:block;margin:15px 0 20px 0;font-weight:bold;padding-top:1px;} #invivo-legend {background:url(i/streaks-purple.gif) repeat scroll 0 0 #66367F;-webkit-border-radius: 0px 0px 3px 3px;border-radius: 0px 0px 3px 3px; text-align:center;padding-bottom:5px;} #invivo-legend p {display:-moz-inline-stack;display: inline-block;vertical-align:middle;zoom: 1;*display: inline;width:23%;color:#fff;padding-top:7px;margin:0;} #invivo-legend img {position:relative;top:-2px;margin-right:7px;width:30px;} .typeicon {position:absolute;top:0;left:0;z-index:1;width:30px !important;height:auto !important;background:#66377F;-webkit-border-radius: 0px 0px 3px 0px;border-radius: 0px 0px 3px 0px; } .full-banner-nav li {width:100% !important;} #popin-body {background:#000;} #popin-media {background:#000;position:relative;} #popin-media-header {height:55px;background:#000 url(i/popin-header-small2.jpg) repeat-y;} #popin-media-header img {height:40px;padding:8px 0 0 10px;width:auto;} #popin-media-intro {background:#000 url(i/popin-media-intro.jpg) repeat-x scroll bottom left;padding-bottom:15px;position:relative;z-index:2;} #popin-media-intro > div {background:url("i/popin-icon-video.png") no-repeat scroll 5px 15px transparent;padding:15px 15px 0 45px;} #popin-media-title {overflow:hidden;} #popin-media-title h1 {color:#4796CE;text-transform:uppercase;font-family:Museo500;font-size:17px;margin:0;margin-bottom:8px;} #popin-share {display:block;margin-top:4px;width:28px;float:left;} #popin-media-title a:hover img {opacity:0.7;filter:alpha(opacity=70)} #popin-breadcrumbs {text-transform:uppercase;color:#8B8B8D;margin:0;} #popin-breadcrumbs a {color:#8B8B8D;text-decoration:underline;} #popin-breadcrumbs a:hover {opacity:0.9;filter:alpha(opacity=90);} #popin-chapo {color:#fff;font-size:14px;margin:16px 0 0;} #popin-copyright {color:#B1AEB2;font-size:11px;margin:0;padding-top:10px;font-style:italic;font-style:italic;} #popin-media-close {display:none;background:url(i/popin-media-close.png) no-repeat top left;width:22px;height:23px;position:absolute;top:0;right:0;} #popin-media-close:hover {opacity:0.7;filter:alpha(opacity=70)} #popin-media-close span {display:none;} #popin-media-infos {bottom: 6px;height: 122px;padding-top: 3px;position: absolute;width: 183px;} #popin-media-infos p {margin:5px 0 5px;color:#fff;font-family:Museo300;} #popin-media-map {overflow:hidden;display:block;height:74px;width:183px;position:absolute;right:0;text-align:right;z-index:2;} #popin-media-map a {outline:0;text-decoration:none;} #popin-media-map a span {width:22px;height:23px;position:absolute;top:5px;right:8px;background:url(i/popin-map.png) no-repeat left -1px;display:block;} #popin-media-map.on span {background-position:left bottom;} #popin-media-map span span {display:none;} #popin-media-map a:hover {opacity:0.7;filter:alpha(opacity=70)} #popin-sticker-invivo {margin:0 0 1px 0;padding:0;background:url(i/sticker-invivo-small.png) no-repeat top left;height:41px;position:absolute;top:14px;right:30px;width:85px;} #popin-sticker-invivo span {display:none;} #popin-media-content {margin:0 auto;padding:10px;position:relative;} #transcript {background: none repeat scroll 0 0 #212121;margin-top:3px;padding:5px 11px;} #transcript > a {color:#fff;background:url("i/popin-arrow.png") no-repeat scroll right 0px transparent;padding-right:20px;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;height:17px;} #transcript > a.on {background:url("i/popin-arrow.png") no-repeat right -23px;padding-right:25px;} #transcript * {color:#fff;} #transcript strong {font-size:110%;} #transcript em {text-align:center;display:block;} #popin-media-footer-nav {margin:0;padding:0;} #popin-media-footer-nav li {-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;padding:7px 10px;background:#333333;float:left;margin-right:2px;border-bottom:1px solid #1C1C1C;} #popin-media-footer-nav a {color:#ADADAD;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;background:url(i/popin-arrow.png) no-repeat top right;padding-right:20px;} #popin-media-footer-nav .on {border-color:#333333;} #popin-media-footer-nav .on a {color:#FFFFFF;background:url("i/popin-arrow.png") no-repeat right -23px;} #popin-media-footer {margin-top:10px;} #popin-media-footer > div {min-height:110px;position:relative;background:#333333;*height:110px;} #popin-media-footer .carrousel {height:110px;left: 20px;margin: auto;top:0;width:95.8%;float:left;position:relative;overflow:hidden;} #popin-media-footer .carrousel ul {position:absolute;left:0;width:9999px;} #popin-media-footer .carrousel li {float:left;width:240px;list-style-type:none;padding:10px;} #popin-media-footer .carrousel li a {color:#fff;} #popin-media-footer .carrousel li img {float:left;margin-right:10px;} #popin-media-footer .carrousel li p {color:#fff;text-decoration:none;margin:0;} #popin-media-footer ul {margin:0;padding:0;} #popin-media-footer .prev-next {background: url("i/streaks.gif") repeat scroll 0 0 transparent;float: left;height:110px;outline: 0 none;position: relative;width: 20px;} #popin-media-footer .prev-next span {background: none repeat scroll 0 0 #333333;display: block;height: 39px;left: 0;padding-bottom: 0;position: absolute;top:34%;width: 20px;} #popin-media-footer .prev-next span span {background: url("i/prev-next-white.png") no-repeat scroll 0 0 transparent;height: 14px;left: 3px;padding: 0;text-indent: -998em;top: 12px;width: 11px;} #popin-media-footer .next span span {background-position:-11px 0;} #popin-media-footer .next {float:right;} #popin-media-footer .simple-list li {background:url(i/bullet.png) no-repeat left 4px;padding-left:10px;padding-bottom:7px;margin-top:7px;border-bottom:1px dashed #CCC;margin-left:20px;list-style-type:none;margin-right:20px;} #popin-media-footer .simple-list li a {color:#E4E4E4;text-decoration:underline;} #popin-media-footer .simple-list .no {border:none;} #popin-media-content .dyn-size {width:100%;position:relative;} #popin-media-content object {height:100%;} .popin-loading {position:absolute;left:50%;top:45%;width:69px;height:69px;padding:5px;background:#fff;-webkit-border-radius:3px;border-radius:3px;z-index:2;margin-left:-39px} .popin-collapsable-link {display:block;background:url(i/buttons.jpg) repeat-x;margin-bottom:15px;margin-top:5px;color:#fff;width:150px;float:left;margin-left:15px;position:relative;top:-4px;} .popin-collapsable-link:hover {color:#fff;} .popin-collapsable-link span {display:block;text-align:center;padding-top:6px;padding:5px;font-size:14px;background:url(i/popin-arrow.png) no-repeat scroll right 5px transparent;margin-right:10px;} .popin-collapsable-link.active span {background:url("i/popin-arrow.png") no-repeat right -17px;} #popin-collapsable {display:none;padding-bottom:118px;} #popin-media.diapo #popin-media-intro > div {background-image:url(i/popin-icon-diapo.png);} #overlay {background:url(i/overlay.png);position:absolute;top:0;left:0;z-index:2;} /* ==|== mini-templates ======================================== */ .chapo {margin:18px 0 10px 0;} .carrefour-intro .chapo{font-size: 16px !important;} .prev-next {background:url(i/prev-next.png) no-repeat top left;width:11px;height:14px;display:block;} .prev-next span {display:none;} .prev-next.prev {background-position:0 0;} .prev-next.next {background-position:-11px 0;} .half .half-left {width:49%;float:left} .half .half-right {width:49%;float:right} .default-push {margin:10px 0 20px 0;} .default-push a:hover {text-decoration:none;} .default-push a:hover h1 {text-decoration:underline;} .default-push a:hover p {text-decoration:underline;} .default-push .img {float:left;margin-right:10px;margin-top:2px;min-height:70px;} .default-push h1 {margin:0 0 1px;color:#004494;font-weight:bold;font-size:13px;} .default-push p {margin:0;color:#434343;line-height:1.4em;} .newspush a {background:url(i/link-arrow-blue.png) no-repeat 0 3px;padding-left:10px;margin-top:2px !important;display:block;color:#434343;margin-bottom:20px;} .newspush a[style]{color: #707173 !important;} .newspush .img {float:left;margin:0 5px 5px 0;} .newspush div p {margin-top:0 !important;font-size:12px;} .newspush .une {font-weight:bold;font-size:13px;background:none;padding:0;color:#0071bc;} .default-article-intro figure, .default-article-intro img {margin:auto;text-align:center;} .default-article-intro p {font-size:14px;clear:both;} .default-article-intro .chapo {clear: none;font-size: 16px;font-weight: bold;line-height: 1.3em;margin-top: 10px;margin-top:-4px;} .default-article-intro figcaption p {font-size:11px;} .carrefour-intro h1 {font-size:20px;font-family:Museo700;color:#df0c36;} .carrefour-intro p {font-size:14px;} .carrefour-intro .chapo {font-size:14px;font-weight:bold; color: #666666;} .carrefour-intro img {width:100%;margin-bottom:15px;} .text-imagetoright .right {margin:0 0 10px 10px;text-align:center;} .text-imagetoleft .left {margin:0 10px 10px 0;text-align:center;} .article-encadre {padding:10px 20px;background:#F2F2F2;} #body-text .article-encadre h3, #body-text .encadre-small h3 {width:107%;color:#666666;} #body-text .article-encadre h3 span, #body-text .encadre-small h3 span {background:#F2F2F2 !important;} .article-encadre img, .article-encadre figure {margin:0 15px 10px 0;float:left;} .article-encadre figure img {margin:0;} .article-encadre ul {margin-top:0;margin-bottom:15px;} /*.quote {padding:30px 10px 7px 20px;background:url(i/quote-left.gif) no-repeat scroll 11px 8px #F2F2F2;margin:15px 0;}*/ /*.quote > p{text-align: center; font-size: 11px;}*/ /*.quote blockquote {background:url(i/quote-right.gif) no-repeat bottom right;margin:0;padding-bottom:23px;padding-right:10px;color:#df0c36;font-style:italic;font-size:14px;text-align:center;}*/ /*.quote .source {color:#808080;font-size:11px;text-align:center;padding-right:10px;}*/ .quote {border-radius: 3px; padding: 10px 20px 7px 20px; margin: 15px 0; background: #f8f8f8;} .quote blockquote:before{content: '\201C'; font-size: 50px; font-weight: bold;} .quote blockquote:after{content: '\201D';font-size: 50px;font-weight: bold; position: absolute; right: 0; bottom: -15px;} .quote blockquote {margin: 0;padding-bottom: 18px;padding-right: 10px;color: #df0c36;font-style: italic;font-size: 14px; position: relative;} .quote .source{text-align: center; font-size: 11px; margin: 0 0 20px 0px;} .quote blockquote p{text-align: center; margin: -17px 25px 20px;} .article-default-table {cursor:pointer;margin:10px auto;width:auto;white-space: pre-wrap;white-space: -moz-pre-wrap !important;white-space: -pre-wrap;white-space:-o-pre-wrap;background:#fff;border-collapse:collapse;width:100%;border:none;} .article-default-table::before {background:url(i/table.jpg) no-repeat scroll left top transparent;color:#FFFFFF;content:"Tableau de données : tapez pour voir";cursor:pointer;display:block;font-size:16px;height:17px;padding:60px;text-align:center;width:190px;margin:auto;} .article-default-table caption {color:#5096D1;font-weight:bold;padding-bottom:10px;text-align:left;} .article-default-table tr {border:1px solid #F2F2F2} .article-default-table tr:nth-child(even) {background:#F2F2F2;} .article-default-table .even {background:#F2F2F2;} .article-default-table .highlight {background:rgba(220,232,240,0.5);} .article-default-table th, .article-default-table thead td {background:#E4EFF8;color:#434343;font-weight:bold;font-size:11px;text-align:center;vertical-align:middle;padding:10px 4px;} .article-default-table thead td {background:#fff;border-right:3px solid #fff;} .article-default-table thead th {border-right:3px solid #fff;} .article-default-table th:last-child {border-right:1px solid #F2F2F2;} .article-default-table td {color:#333;padding:10px;padding:8px 10px;border:none;} .article-default-table tfoot p {margin:0;} .article-default-table tfoot tr {border:none;} .article-default-table tfoot td {font-size:11px;text-align:right;color:#999999;line-height:0;padding:14px 0;background:#fff;} .article-default-table thead, .article-default-table tbody, .article-default-table tfoot {display:none;border:none;} #table-popin {padding:20px;width:640px;} #table-popin .article-default-table {cursor:default;} #table-popin .article-default-table::before {display:none;} #table-popin .article-default-table thead, #table-popin .article-default-table tbody, #table-popin .article-default-table tfoot {display:table-row-group;} #table-popin-close {background:url(i/popin-close.png) no-repeat top left;display:block;width:19px;height:19px;margin:4px;padding-left:23px;color:#70a8b6;padding-top:2px;} .article-references li {padding-bottom:8px;border-bottom:1px dashed #ccc;} .article-references li:last-child {border:none;} .article-references li.last {border:none;} .article-references-blue h3, .article-references-blue a {color:#4A96CD;} .carrousel-enlarge {position:relative;} .carrousel-enlarge .carrousel {background:#F2F2F2;position:relative;float:left;height:155px;margin:auto 5px;overflow:hidden;width:204px;padding:10px 28px;} .carrousel-totalweb .prev-next, .carrousel-enlarge .prev-next {width:20px;height:175px;float:left;background:url(i/streaks.gif);position:relative;outline:0;} .carrousel-totalweb .prev-next span, .carrousel-enlarge .prev-next span {background:#FFFFFF;display:block;height:39px;left:0;padding-bottom:0;position:absolute;top:39%;width:20px;} .carrousel-totalweb .prev-next.prev span span, .carrousel-enlarge .prev-next.prev span span {background:url(i/prev-red.jpg) no-repeat scroll 0 0 transparent;height:14px;text-indent:-998em;width:11px;padding:0;top:12px;left:5px;} .carrousel-totalweb .prev-next.next span span, .carrousel-enlarge .prev-next.next span span {background:url(i/next-red.jpg) no-repeat scroll 0 0 transparent;height:14px;text-indent:-998em;width:11px;padding:0;top:12px;left:5px;} .carrousel-totalweb .next span span, .carrousel-enlarge .next span span {background-position:-11px 0;} .carrousel-enlarge ul {padding:0;margin:0;width:3200px;position:absolute;left:20px;} .carrousel-enlarge li {float:left;list-style-type:none;background:none;width:225px;margin-right:20px;margin-bottom:10px;} .carrousel-enlarge li article {display:table;margin-top:7px;} .carrousel-enlarge li h2 {margin:0;color:#df0c36;font-family:Museo700;font-size:16px;text-transform:uppercase;margin-bottom:2px;font-weight:normal;} .carrousel-enlarge li img {float:left;margin:0 8px 8px 0;height:auto;width:auto;display:none;} .carrousel-enlarge li p {color:#707173;font-size:12px;margin-bottom:0;margin-top:5px;} .carrousel-enlarge li .chapo {color:#205BA1;font-size:12px;font-weight:bold;margin-top:0;line-height:1.3em;} .carrousel-enlarge li .view {background: rgba(0, 0, 0, 0) url("i/link-arrow-red.png") no-repeat scroll 0 3px;color:#df0c36;padding-left:12px;display:block;margin-top:3px;clear:both;} .push-carrefour {margin-bottom:30px;} .push-carrefour h2 {color:#666666;margin-bottom:10px;} .push-carrefour div {background:url(i/bullets-big.jpg) no-repeat top left;min-height:78px;} .push-carrefour div img {float:left;margin:0 10px 0 0;} .push-carrefour div p {margin: 0 0 5px 152px; color:#666666;} .push-carrefour .view {margin-top:5px; background: rgba(0, 0, 0, 0) url("i/link-arrow-red.png") no-repeat scroll 0 3px; color: #df0c36;} .push-carrefour a {text-decoration:none; padding-left: 12px;} .push-carrefour a:hover p {text-decoration:underline;} .push-carrefour .view:hover {text-decoration:underline;} .push-carrefour-large {width:auto;background:#F2F2F2;padding:10px 15px;margin-top:10px !important;margin-bottom:20px;} .push-carrefour-large img {float:none;width:100%;} .push-carrefour-large:nth-child(even) {margin-right:0;} .push-carrefour-large h2 span {background:#F2F2F2;} .push-carrefour-large a {text-decoration:none !important;} .push-carrefour-large .view {margin-top:10px;} .push-carrefour-noimg div p {margin-left:29px;} .accordion {position:relative;overflow:hidden;} .accordion .panel {background-color:#cecece;position:absolute;overflow:hidden;} .encadre-list {padding:10px 15px;margin-bottom:30px;border:1px solid #F2F2F2;box-shadow:0 -1px 0 #D9D9D9;-moz-box-shadow:0 -1px 0 #D9D9D9;-o-box-shadow:0 -1px 0 #D9D9D9;-khtml-box-shadow:0 -1px 0 #D9D9D9;-ms-box-shadow:0 -1px 0 #D9D9D9;-khtml-box-shadow:0 -1px 0 #D9D9D9;} .encadre-list h2 {background: url("i/streaks-line.png") repeat-x scroll right bottom transparent;font-family: Museo700;margin-top: 0;position: relative;text-transform: uppercase;font-weight:normal;width:105%;} .encadre-list h2 span {background:#fff;padding-right: 10px;} .encadre-list .dated-results {left:-16px;position: relative;} .dated-results {margin:0;padding:0;} .dated-results li {list-style-type:none;padding:0;background:url(i/bullets-big.jpg) no-repeat 0 -185px;padding-left:10px;margin-bottom:15px;} .dated-results time {color:#004494;display:block;padding-bottom:7px;} .dated-results a {color:#4C4C46;background: url("i/link-arrow-black.png") no-repeat scroll 0 3px transparent;display: block;padding-left: 13px;} .pub-inline {margin-bottom:20px;} .pub-inline img {float:left;margin-right:6px;} .pub-inline ul, .pub-inline li {margin:2px 0 0 0 !important;background:none !important;padding:0 !important;} .pub-inline a {background: url("i/link-arrow-red.png") no-repeat scroll 0 3px transparent !important;color:#434343 !important; padding-left: 12px;} .actu-une .time {color:#004494;font-size: 10px;} .actu-une strong {color:#004494;display: block;font-size:14px;font-weight:bold;margin-bottom:4px;} .actu-une .all {background: url("i/link-arrow-blue.png") no-repeat scroll 2px 3px transparent;color: #29598F !important;font-weight: bold;padding-left: 14px;} .shadowed {background:#fff;padding:3px;-webkit-box-shadow: 0px 0px 5px -1px #000000;box-shadow: 0px 0px 5px -1px #000000; } .short-bio {margin:10px 0;} .short-bio img {float:left;margin-right:12px;margin-bottom:10px;} .short-bio .bio-content h1 {color: #004392;font-family: Arial;font-size: 16px;font-weight: bold;margin-bottom:0px;text-transform: none;} .short-bio .brief {color:#5097CD;margin-bottom:14px;} .dlable-photo {margin:10px 0;float:left;width:49%;} .dlable-photo img {float:left;margin-right:12px;margin-bottom:10px;} .dlable-photo .photo-content {padding-right:20px;} .dlable-photo .photo-content h1 {color: #004392;font-family: Arial;font-size: 14px;font-weight: bold;margin-bottom: 2px;text-transform: none;} .dlable-photo .photo-content ul li {background:none !important;padding:0 !important;list-style-type:none;} .dlable-photo .photo-content a {background: url("i/link-arrow-black.png") no-repeat scroll 0 3px transparent;padding-left: 13px;color:#434343 !important;text-decoration:none !important;} .social-network {margin-bottom:20px;padding-bottom:10px;} .social-network .text {float:left;width:50%;} .social-network img {float:right;width:49%;margin-left:10px;margin-bottom:10px;} .social-network h2 {margin:10px 0;} .social-network .social-content .view {background:none !important;} .social-network .social-content p {margin-bottom:10px;} .encadre-small {background:#F8F8F8;padding:10px 15px;} .encadre-small p:last-child {margin-bottom:0 !important;} .encadre-small .last {margin-bottom:0;} .encadre-small a {color: #707173; !important; text-decoration: underline;} .encadre-small font {font-size:13px;color:#434343;} .faq-block {border:1px solid #E5E5E5;margin-bottom:18px;} .faq-block-odd {background:#F2F2F2;} .faq-block .faq-title {height:45px;background:#F2F2F2;position:relative;border-bottom:1px solid #DDDDDD;} .faq-block .faq-title h2 {font-family: Museo700;font-size:16px;margin-top: 0;text-transform: uppercase;font-weight:normal;padding-left: 10px;padding-top: 12px; color: #df0c36;} .faq-block .go {background: url("i/buttons-red.jpg") repeat-x 0 0px;color: #FFFFFF !important;display: block;float: right;font-family: Museo500;font-size: 14px;margin-top: 0;padding: 4px 13px;position: absolute;right: 10px;top: 10px;} .faq-block .faq-qa {padding:10px 10px 10px 30px;} #body-text .faq-block .faq-qa p {margin:15px 0;} .faq-block .qa-title {background: url("i/arrow-red.png") no-repeat 12px 4px;color: #707173 !important;display: block;font-size: 14px;font-weight: bold;margin-left: -30px;padding-left: 29px;text-decoration:none !important;} .faq-block .qa-title-on {background-image:url(i/arrow-down-red.png);} .faq-block .faq-bt {height:45px;background:#F2F2F2;position:relative;border-top:1px solid #DDDDDD;} .helpbox {display:none;background:#fff;padding:15px 10px;-webkit-border-radius: 3px;border-radius: 3px; position:absolute;-webkit-box-shadow: 0px 2px 3px -2px #111111;box-shadow: 0px 2px 3px -2px #111111;border:1px solid #ddd;} .zoomable {position:relative;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} .zoomable:hover {opacity:0.9;} .zoomable-icon {position:absolute;display:block;background:url(i/trans-white2.png);padding:2px 5px;bottom:0;right:0;} .imgBlockLeft {float: left;margin: 0 20px 10px 0;} .imgBlock p {font-size: 0.9em;font-style: italic;padding: 0;} .media-link {position:relative;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} .media-link .video-icon {display:block;background:url(i/icon-video.png) no-repeat top left;width:40px;height:40px;position:absolute;margin-top:-20px;margin-left:-20px;top:50%;left:50%;} .media-link:hover .video-icon {opacity:0.8;} .push-invivo-big a:hover, .push-invivo-small a:hover {text-decoration:none;} .push-invivo-big {position:relative;margin-bottom:20px;padding-right:30px;} .push-invivo-big img {margin-right:10px;margin-bottom:10px;} .push-invivo-big h3, .push-invivo-small h3 {background:none !important;text-transform:none !important;color:#004394 !important;font-size:12px !important;font-family:Arial !important;font-weight:bold !important;width:auto !important;} .push-invivo-big p {color:#434343;} .push-invivo-small {position:relative;margin-bottom:20px;float:left;width:200px;margin-right:30px;} .push-invivo-small h3 {position:absolute !important;bottom:0;left:0;font-size:12px;color:#004394;padding:7px 9px 8px 9px;font-weight:bold;margin-bottom:0;background:url(i/streaks-white-ts.png) !important;} .push-invivo-big img, .push-invivo-small img {width:100%;height:auto;} .push-invivo-big .typeicon, .push-invivo-small .typeicon {width:auto;} .push-invivo-small a:hover h3, .push-invivo-big a:hover h3 {text-decoration:underline} .diaporama {margin-bottom:75px;overflow:hidden;} .diaporama .element {text-align:center;} .diaporama .element img {height:100%;} .diaporama .element .img {height:100%;display:block;position:absolute;left:50%;top:0;overflow:hidden;} .diaporama .element .img img {cursor:pointer;} .diaporama .element img.popin-loading {top: 40%;width:42px;height:42px;margin-left:-26px;} .diaporama .element > div {text-align:center;width:100%;position:absolute;left:0;top:0;} .diaporama .timer {left:auto;position:absolute;right:10px;top:39px;background:url(i/streaks-gray.png) repeat 0 0;padding:1px 4px;color:#434343;text-align:center;z-index:1;display:none;width: 58px;} .diaporama .timer span {display: block;font-size: 12px;text-align: center;width:100%;} .diaporama .loader {border:3px solid #808080;position:relative;min-height:100px;} .diaporama .counter {background:url(i/streaks-gray.png);position:absolute;display:block;padding:5px 15px 5px 14px;top:10px;right:10px;text-align:center;z-index:1;} .diaporama .bt {background:url(i/diaporama-controls.png) no-repeat top left;display:block;width:25px;height:25px;outline:0;border:none;} .diaporama .bt span {display:none;} .diaporama .infos-container, .diaporama .controls-container {position:absolute;left:50%;} .diaporama .infos-container {bottom:10px;position:relative;padding-top:20px;} .diaporama .infos-container div, .diaporama .controls-container div {margin-left:-106px;} .diaporama .infos-container div div, .diaporama .controls-container div div {margin-left:0;} .diaporama .infos {background:url(i/streaks-white-ts.png);padding:10px;width:191px;margin:auto;position:relative;min-height:66px;} .diaporama .infos p {margin:0;line-height:1.3em} .diaporama .infos .title {color:#004494;font-weight:bold;margin-bottom:2px;font-size:110%;} .diaporama .infos .pn {position:absolute;top:0;left:0;width:40px;height:40px;} .diaporama .infos .prev {background-position:-99px 0;left:-39px;bottom:35px;top:auto;outline:0;} .diaporama .infos .next {background-position:-151px 0;left:auto;right:-41px;bottom:35px;top:auto;outline:0;} .diaporama .infos .next-back {background-position:-257px 0;} .diaporama .controls {background:#212121;padding:6px 15px;position:relative;width:210px;margin:5px auto 0 auto;left:-15px;} .diaporama .controls .pn {position:absolute;top:0;} .diaporama .controls .play-pause {background-position: -42px -5px;position: absolute;right: 39px;top: 17px;} .diaporama .controls .pause {background-position:-205px -6px;} .diaporama .controls .sound {background-position:-228px -3px;position: absolute;right: 9px;top: 15px;} .diaporama .controls .sound-off {background-position:-68px -3px;} .diaporama .controls .prev {height: 29px;position:absolute;top:11px;outline:0;left:6px;} .diaporama .controls .next {background-position: -18px 0;height: 28px;position: absolute;right: 1px;top:11px;outline:0;} .diaporama .thumbs {position:relative;overflow:hidden;height:54px;margin-left: 10px !important;margin-right: 7px;} .diaporama .thumbs li {list-style-type:none;margin-right:8px;float:left;cursor:pointer;height:49px;} .diaporama .thumbs li img {padding:2px;} .diaporama .thumbs li p, .diaporama .thumbs li h2 {display:none;} .diaporama .thumbs .on, .diaporama .thumbs li:hover {border:2px solid #529BD0;} .diaporama .thumbs .on img, .diaporama .thumbs li:hover img {padding:0;} .diaporama .thumbs li img {height:100%;} .diaporama .thumbs ul {margin:0;position:absolute;width:9999px;padding:0;} .diaporama .element-overlay-play-pause {position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;-webkit-border-radius: 3px;border-radius: 3px; background:url(i/diapo-play-pause.png) no-repeat left bottom;width:80px;height:80px;cursor:pointer;display:block;z-index:9;} .diaporama .element-overlay-play-pause.pause {background-position:left top;} /* ==|== form validation styles ============================================= */ input:focus, textarea:focus {box-shadow:0px 0px 2px 1px #004495 ;outline:none !important;} .validated input:invalid, .validated textarea:invalid {box-shadow:0px 0px 2px 1px #FF6464;} .error {box-shadow:0px 0px 2px 1px #FF6464 !important;} .ie8 .error, .ie7 .error {border-color:#cc3300;box-shadow:none;} /* ==|== non-semantic helper classes ======================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after {content:"";display:table;} .clearfix:after {clear:both;} .clearfix {zoom:1;} .h-container {width:320px;position:relative;margin:auto;} .center {text-align:center;} .audiojs {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* ==|== media queries ====================================================== */ /* Smartphones landscape */ @media only screen and (min-width: 480px) { .h-container {width:480px;} #nav2, #nav3 {width:200px;} #nav4 {top:20px;} #article {width:470px;} #sidebar {border-top:1px dashed #bbb;padding-top:20px;width:470px;} #sidebar section .all {float:right;} #footer {padding:25px 0;clear:both;} #footer .half-left {float:left;width:49%;} #footer .half-right {float:right;width:49%;} #footer .prev-next {display:block;} #footer .carrousel {height:125px;left:20px;margin:auto;overflow:hidden;position:absolute;width:430px;top:25px;} #footer .carrousel ul {position:absolute;left:0;width:9999px;} #footer .carrousel ul li {float:left;width:145px;margin-right:10px;font-size:11px;} #footer .all {position:absolute;top:138px;} #footer #more-viewed {width:285px;clear:none;} #footer #more-viewed ul {width:80%;} #footer #pan-n-followable-n-more-viewed {width:99%;margin-left:10px;} #footer #pan-n-followable {float:left;width:175px;margin-right:2px;} #footer #panorama {margin-right:30px;width:175px;float:none;margin-bottom:0;} #footer #follow-us {float:none;margin-top:20px;} #footer #last-docs {height:150px;left:0;position:relative;width:100%;} #footer #last-docs .carrousel {left:30px;width:420px;} #footer #last-docs .carrousel ul li {width:205px;margin-bottom:4px;} #footer #last-docs .carrousel ul li .img {display:block;} #footer #last-docs .carrousel ul li a {float:left;width:64%;margin-bottom:3px;} #footer #total-web {width:470px;height:150px;margin-bottom:0;} #footer #total-web li {margin:0 25px 0 0;text-decoration:none;width:120px;} #footer #total-web li a {padding:0;background:none;} #footer #total-web .all {top:142px;} #footer #total-web li .img {display:block;} #footer #total-web .next {right:15px;} #footer #reports-n-lastdocs {float:left;width:99%;display:block;margin-top:30px} #footer #annual-reports li {float: left;width:49%;} #footer #annual-reports li img {display:block;} #footer #annual-reports li strong {text-align:center;margin-bottom:0px;} #footer #annual-reports li a {margin-left:42px;} #footer .h-container {padding-bottom:220px;width:470px;margin:auto;} #rub-selector {width:360px;} #mobile-nav-title {width:210px;padding-top:20px;height:38px;} #mosaique article {float:left;width:234px;margin:0 1px 1px 0;} #total-energies {margin:15px auto;} .with-sidebar #sidebar {left:0;position:relative;width:100%;} .with-sidebar #sidebar .box {margin-left:0;margin-right:10px;} .with-sidebar #sidebar .box .rss img {float:none;left:auto;position:relative;top:auto;} .with-sidebar #sidebar .invivo a img, .with-sidebar #sidebar .video a img{width:99%;} .text-quotetoleft .quote {float:left;width:35%;margin-right:10px;margin-bottom:15px;margin-top:0;} .text-quotetoright .quote {float:right;width:35%;margin-left:10px;margin-bottom:20px;margin-top:0;} .default-article-intro figure, .default-article-intro img {float:left;margin:0 10px 18px 0;text-align:left;} .default-article-intro figure img {float:none;margin:0;} .text-imagetoright .right {float:right;text-align:left;} .text-imagetoleft .left {float:left;text-align:left;} .carrousel-enlarge {width:470px;} .carrousel-enlarge .carrousel {width:350px;margin:auto 10px;} .carrousel-enlarge ul li {width:370px;margin-right:24px;margin-bottom:0;} .carrousel-enlarge ul li img {display:block;} .push-carrefour-large {width:327px;float:left;margin-right:30px;} .generic-form .left-input-group {float:left;width:49%} .generic-form .right-input-group {float:right;width:50%} .generic-form .dec {padding-left:98px} .generic-form .full input {width:63% !important;} .encadre-list h2 {width:103.6%;} .dlable-photo {height:125px;} #contact-form {margin-top:3px;} #contact-form .msg label {width:15.5%;} #contact-form .msg textarea {width:74.5%;} #contact-form .accept label {width:92%;} #contact-form .dec {padding-left: 151px;} .contact-medias #contact-form .dec, .contact-investisseurs #contact-form .dec, .modification-coordonnes-postales #contact-form .dec {padding-left: 80px;} .standard-form h2, .medias-publications #pub-selector h2, .generic-form h3 {width:103.4% !important} #cours-en-direct h2 {width:102% !important} .push-carrefour h2 {width:104% !important} #fm-alert-mail h3 {width:102% !important} #main-search-form h3 {width:102% !important} .medias-publications #pub-selector fieldset select {width:63%;} .medias-cp #pub-selector fieldset .input-text {width:303px} .medias-cp #pub-selector fieldset #period-to {width:38px;} .medias-cp #pub-selector fieldset select {width:70px !important;} .alertes-mail #body-text .input-group li label {width:196px;} #body-text .half-left, #body-text .half-right {width:48%;float:left;} #body-text .half-right {float:right;} #body-text .draggable .go {width:98%;} #cours-en-direct .half-left {width:auto;float:none;} #cours-en-direct .half-right {width:auto;float:none;} .draggable-container > .half-left, .draggable-container > .half-right {width:48% !important;} .actu-une .half-right {float:left !important;padding-top:0 !important;clear:none;width:48% !important;} .carrousel-totalweb .carrousel {width:87.3%;} .carrousel-totalweb .carrousel li {margin-right:24px;} .tout-sur-le-web .standard-form #theme {width:170px;} .tout-sur-le-web .standard-form #geozone {width:200px;} .tout-sur-le-web .standard-form h2 {width:102% !important} .contact .standard-form input {margin-bottom: 7px;margin-left: 7px;width: 50px !important;padding: 0;} .contact #body-text .half-left, .contact #body-text .half-right {float:none;clear:both;width:auto;} .contact #contact-form .full label {width:19%;} .contact #contact-form .full input {width:74% !important;} .contact #contact-form .dec {padding-left:85px;} .search-page .standard-results .header dl {width:auto;} .faq-block .faq-title h2 {font-size:17px;} #popin-media-title h1 {font-size:20px;} #popin-breadcrumbs {padding-right:213px;} #popin-chapo {padding-right:213px;} #popin-media-infos {left:auto;right:25px;} #popin-media-footer .simple-list li {float:left;width:38%;} #popin-media-content .s-960-720 {min-height:360px;} #popin-sticker-invivo {background-image:url(i/sticker-invivo.png);width:185px;} #invivo-une p {display:block;} #invivo-banner-nav li {width:25%;} #invivo-banner-nav .on {width:74%;} #invivo-mag .half-left {width:47%;border-right:1px solid #D8D8D8;float:left !important;margin-left:13px;} #invivo-mag .half-right {width:45%;float:right !important;} #invivo-mag .push-invivo-small {margin-right:0;} .diaporama .infos-container div, .diaporama .controls-container div {margin-left:-185px;} .diaporama .infos-container div div, .diaporama .controls-container div div {margin-left:0;} .diaporama .infos {width:350px;} .diaporama .controls {width:340px;left:auto;} .diaporama .thumbs {margin-right:10px;} } /* Tablets */ @media only screen and (min-width: 768px) { .h-container {width:768px;} #nav1 {position:relative;left:0;display:table;padding-top:0;width:auto;} #nav1 ul {width:auto;padding:0;float:none;} #nav1 li {position:relative;display:block;float:left;height:59px;text-align:center;padding-left:1px;background:url(i/nav1-sep.png) no-repeat left 4px;} #nav1 a {padding:0 15px 0;height:57px;font-family:Museo700;font-size:15px;text-transform:uppercase;font-weight:normal;display:table-cell;vertical-align:middle;} #nav1 a:hover, #nav1 li.on a {text-decoration:none;background:url(i/nav1-on.jpg) repeat-x;} #nav1 .home a span {background:url(i/home.png) no-repeat scroll 0 0 transparent;display:block;height:29px;left:1px;position:relative;text-indent:-999em;width:24px;} #nav1 .tablet-megamenu-viewer {background:url(i/arrow-right.png) no-repeat center center;position:absolute;right:0;height:100%;width:25px;top:0;cursor:pointer;} #nav1 .active .tablet-megamenu-viewer {background:url(i/arrow-down.png) no-repeat center center;} #item1 {width:54px;} #item2 {width:89px;} #item3 {width:134px;} #item4 {width:162px;} #item5 {width:108px;} .en #item5 {width:120px;} .arrowed #item1 {width:54px;} .arrowed #item2 {width:89px;} .arrowed #item3 {width:155px;} .arrowed #item4 {width:184px;} .arrowed #item5 {width:130px;} .en .arrowed #item5 {width:142px;} #nav2 a, #nav3 a {font-size:13px;padding:0 15px 0 16px;height:37px;} #nav2 li, #nav3 li {background:url(i/nav3-sep.jpg) no-repeat scroll 0 4px transparent;float:left;font-size:13px;height:37px;padding-top:8px;} #nav2 li:first-child {background:none;} #nav2 li a {font-weight:bold;} #nav2, #nav3 {height:auto;float:left;margin-top:5px;width:auto;padding-top:10px;padding-bottom:0;} #nav4 {position:absolute;bottom:0;margin:0;margin-top:0;left:0;top:auto;} #nav5 {display:block;} #mobile-nav-title, #rub-selector {display:none;} #navs {display:block !important;background:none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} #language {right:10px;} #search {right:10px;top:45px;} #footer .h-container {width:750px;} #footer #pan-n-followable-n-more-viewed {width:70%;margin-left:0;} #footer #pan-n-followable {margin-right:30px;} #footer #reports-n-lastdocs {width:29%;margin-top:0;} #footer #annual-reports li {float:none;width:auto;} #footer #last-docs {position:absolute;} #footer #last-docs .carrousel {width:700px;} #footer #last-docs .carrousel ul li {width:225px;} #footer #last-docs .carrousel ul li a {width:72%;} #footer #total-web li {margin-right:35px;} #footer #total-web .next {right:0} #mosaique {margin-left:10px;width:750px;} #mosaique article {width:244px;height:187px;} #mosaique.elements4 article {width:367px !important;height:124px !important;} #mosaique.elements8 article {width:183px !important;height:187px !important;} #mosaique.elements4 .text h1, #mosaique.elements4 .text p {min-width:360px;} #mosaique.elements4 .item-2 .text-block h1, #mosaique.elements4 .item-2 .text-block p, #mosaique.elements4 .item-4 .text-block h1, #mosaique.elements4 .item-4 .text-block p, #mosaique.elements4 .item-6 .text-block h1, #mosaique.elements4 .item-6 .text-block p {min-width:95px;} #mosaique.elements6 .text h1, #mosaique.elements6 .text p {min-width:233px;} #mosaique.elements6 .item-2 .text-block h1, #mosaique.elements6 .item-2 .text-block p, #mosaique.elements6 .item-4 .text-block h1, #mosaique.elements6 .item-4 .text-block p, #mosaique.elements6 .item-6 .text-block h1, #mosaique.elements6 .item-6 .text-block p {min-width:110px;} #total-energies {width:354px;background-image:url(i/zoom-top.jpg);margin:15px 0;} #total-energies section {background-image:url(i/zoom-bottom.jpg);} #total-energies article img {margin-left:12px;} #total-energies article h2 {width:165px;} #article {width:752px;padding:20px 0;margin:auto;} .full-width #article {padding:20px 5px;} #breadcrumbs {width:85%;margin:10px 0 0;} #sidebar {width:755px;} #toolbar {top:0;margin-top:10px;} #total-energies {float:left;width:354px;} #topics {float:right;width:49%;padding-top:2px;} #alphabet li {margin-right:18px;} .smartphone {display:none;} #main.n .push-carrefour h2 {width:100% !important;} .rss #body-text {float: left;width:49%;} .rss #rss-feeds {float:right;width:350px;} .plan .col33 {float:left;width:33%;} .plan .col33 h3, .plan .col33 ul {padding-right:15px;} .article-nocolumn #article {float:right;width:522px;} #article-column {width:522px;float:right;margin-top:0;} #article-column #article {float:left;width:485px;} #article-column #article .default-article-intro h1 {width:85%;} .with-sidebar #sidebar .box img {float:none;margin:auto;} .with-sidebar #sidebar .invivo .hideable {display:block;} .with-sidebar #sidebar .media-link {position:relative;} .article-default-table {cursor:default;} .article-default-table thead, .article-default-table tbody, .article-default-table tfoot {display:table-row-group;} .article-default-table::before {display:none;} .carrousel-enlarge {width:521px;} .carrousel-enlarge .carrousel {width:401px;} .carrousel-enlarge ul li {width:420px} .n #article {width:525px;} .home #article {padding-top:4px;} .home #toolbar {top:-50px;right:10px;} .generic-form .left-fields {float:left;width:50%;} .generic-form .right-fields {float:right;width:50%;} .generic-form .input-group li label {width:300px;} .generic-form .dec {padding-left:81px} .with-sidebar #sidebar .social .two .view {width:58%;} .with-sidebar #sidebar .social .view {width:151px;} .medias-cp #pub-selector fieldset .input-text {width:316px} .medias-cp #pub-selector fieldset #period-to {width:25px;} .medias-publications #pub-contents li {float:left;margin-right:12px;width:47%;clear:none;min-height:165px;} .medias-publications #pub-contents li:nth-child(even) {margin-right:0;float:right;} .medias-publications #pub-selector fieldset select {width:63.5%;} .alertes-mail #body-text .input-group li label {width:275px;} #body-text .drag-agenda .view {background-position: 9px 3px !important;border-left: 1px solid #D8D8D8;clear: none;float: right;padding-left:25px;width:65%;padding-top:0;} #body-text .drag-agenda time {width:22%;} #body-text .draggable figure img {width:auto;height:auto;} #body-text .drag-webzine img {width:auto !important;} #body-text .draggable .go {width:98.3%;} #body-text .article-encadre h3 {width:104%;} .carrousel-totalweb .carrousel {width:91.3%;} .tout-sur-le-web .standard-form .input-text {width:175px;margin-bottom:0;} .search-page #main-search-form .checkboxes li {float:left;width:46% !important;} .search-page #main-search-form .full-width-list li {width:100% !important;} .search-page #main-search-form .checkboxes .half-left {width:60% !important;} .search-page #main-search-form .checkboxes .half-right {width:40% !important;} .contact #body-text .half-left {width:40%;float:left;clear:none;} .contact #body-text .half-right {width:47%;float:right;clear:none;} .contact #contact-form label {width:88px !important;} .contact #contact-form .dec {padding-left:84px;} .contact #contact-form .full input {width:65% !important;} .contact #contact-form .msg textarea {width:69%;} .page404 .left404 {float:left;width:48%;} .page404 .right404 {float:right;width:48%;} .page404 #article .plan-list li {margin-right: 0;width: 225px;} #popin-media-title {width:145%;} #popin-media-title h1 {font-size:22px;} #popin-media-intro > div {padding:15px 245px 0 45px;} #popin-breadcrumbs {padding-right:0;} #popin-chapo {padding-right:0;} #popin-media-footer .simple-list li {width:42%;} #popin-media-header {background:#000 url(i/popin-header2.jpg) repeat-y scroll top left;} #overlay #popin-media {margin:20px;} #popin-media-content .s-960-720 {min-height:576px;} #popin-collapsable {padding-bottom:0;} .push-invivo-big img {width:auto;} #invivo-banner-nav li {width:16%;} #invivo-banner-nav .on {width:83%;} #invivo-une a .content {position:absolute;top:0;right:0;width:265px;background:url(i/bg-mozaique.png);height:100%;} #invivo-une a {color:#fff;} #invivo-une .rubtitle {color: #FFFFFF;} #invivo-une h2 { color: #FFF;} #invivo-une p {color:#fff;} #invivo-une .link {color: #FFF;} #invivo-une .typeicon {width:40px !important;} #invivo-legend p {width:23%;} #invivo-mag {padding:20px 20px 0 20px;margin-bottom:20px;} #invivo-mag h2 {text-align:center;} #invivo-mag .push-invivo-big {margin-left:auto;margin-right:auto;width:72%;padding-right:0;} #invivo-mag .push-invivo-small {margin-left:76px;} #invivo-mag .half-left {width:49%;} #invivo-mag .half-right {width:48%;} #invivo-mag .view {display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} #invivo-mag .view-container {text-align:center;clear:both;} #invivo-une div div {text-shadow: 0px 1px 0px #434343;} #invivo-une .link {background-image: url(i/mosaik-cross.png);} .diaporama .infos-container div, .diaporama .controls-container div {margin-left:-235px;} .diaporama .infos-container div div, .diaporama .controls-container div div {margin-left:0;} .diaporama .infos {width:450px;} .diaporama .infos-container {position:absolute;padding-top:0;} .diaporama .infos .next {right: -50px;} .diaporama .infos .prev {left:-48px;} .diaporama .controls {width:440px;} .diaporama .controls .prev {height: 29px;position:absolute;top:11px;outline:0;left:auto;} .diaporama .controls .next {background-position: -18px 0;height: 28px;position: absolute;right:66px;top:11px;outline:0;} .diaporama .thumbs {position:relative;overflow:hidden;height:54px;margin-left:26px !important;margin-right:83px;} } /* Desktop */ @media only screen and (min-width: 1003px) { .h-container {width:1003px;} #header h2, #header .h2 {width:630px;display:block;} #header h1, #header .h1 {left:5px;} #nav2 {height:22px;padding-top:13px;right:0;top:84px;left:auto;background-color:#FFFFFF;border-radius:3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;box-shadow: 0 3px 3px -2px #BBBBBB;-moz-box-shadow: 0 3px 3px -2px #BBBBBB;-o-box-shadow: 0 3px 3px -2px #BBBBBB;-webkit-box-shadow: 0 3px 3px -2px #BBBBBB;-ms-box-shadow: 0 3px 3px -2px #BBBBBB;-khtml-box-shadow: 0 3px 3px -2px #BBBBBB;} #nav2 li {zoom:1;float:left;height:25px;position:relative;top:-5px;background:url(i/nav3-sep.jpg) no-repeat scroll 0 0 transparent;padding:2px 0 0 10px;} #nav2 li:hover, #nav2 li.hover, #nav2 li.on {height:24px;z-index:10;background:#fff;box-shadow:0px -3px 3px -2px #666666;-moz-box-shadow:0px -3px 3px -2px #666666;-o-box-shadow:0px -3px 3px -2px #666666;-webkit-box-shadow:0px -3px 3px -2px #666666;-ms-box-shadow:0px -3px 3px -2px #666666;-khtml-box-shadow:0 -3px 3px -2px #666666;} #nav2 li a {display:block;font-family:Museo100;text-transform:uppercase;font-size:13px;padding-right:10px;height:auto;padding-left:0;padding-top:3px;font-weight:normal;} #nav2 li:hover a, #nav2 li.hover a, #nav2 li.on a, #nav2 li a:hover {text-decoration:underline;background:none;border-color:#fff;} #nav2 li:hover, #nav2 li.hover {border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px;-khtml-border-radius:0px;-ms-border-radius:0px;} #nav2 li:first-child {-moz-border-radius-topleft:0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:3px;-webkit-border-radius:0px 0px 0px 3px;border-radius:0px 0px 0px 3px;top:-5px;background:#fff;} #nav2 .first {top:-5px;background:#fff;} #nav2 li:last-child {-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:0px 0px 3px 0px;border-radius:0px 0px 3px 0px;} #nav2 li.last {-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0px;-webkit-border-radius:0px 0px 3px 0px;border-radius:0px 0px 3px 0px;} #nav2 li.last a {border:none;} #nav2 li:last-child a {border:none;} #nav2, #nav3 {position:absolute;float:none;width:auto;margin-top:0;} #nav3 {height: 26px;left: auto;padding: 2px 0 0;right: 110px;top: 1px;} #nav3 li {float:left;margin:0 10px;padding-top:2px;height:auto;background:none;} #nav3 #world-link {background:url(i/continent.jpg) no-repeat scroll left 2px transparent;margin-right: 0;padding-left: 53px;padding-right:5px;height:22px;} #nav3 #contact-link {margin:0 10px 0 7px;background:url(i/nav3-sep.jpg) no-repeat scroll top left transparent;padding-left:11px;} #nav3 li a {font-family:Museo100;text-transform:uppercase;height:auto;font-size:13px;padding:2px;} #nav3 li a:hover {background:none;color:black;} #nav6 .cols { left: 250px;width: 555px;} #nav6 .left {width:250px;} #nav6 .col-left {width:46%;} #nav6 .col-right {width:46%;} #nav6 .right article {width:160px;} #nav6 .left li.arrow {background-position:229px 16px;} #nav6 .left li {font-size:14px;} #nav6 .right h1 {font-size:14px;} #language {right:0;} #toolbar {padding-right:0;} #search {right:0;} #mosaique {margin-left:0;} #breadcrumbs {width:88%;margin:14px 0 0;padding-left:0;} #article {float:left;width:735px;padding:0px 0;margin:0;} #sidebar {width:215px;border-left:1px solid #E9E9E9;border-right:1px solid #E9E9E9;border-top:none;padding-top:0;padding:20px 19px;float:right;} #sidebar section .une {width:auto;} #footer .h-container {padding-bottom:65px;width:1004px;} #footer .clearfix {vertical-align:top;} #footer #annual-reports li {float:left;width:50%;margin-bottom:0;} #footer #annual-reports li a {margin-left:56px;} #footer #reports-n-lastdocs {width:49%;} #footer #pan-n-followable-n-more-viewed {width:49%;} #footer #last-docs {height:150px;left:auto;position:relative;width:auto;} #footer #last-docs .carrousel {width:434px;} #footer #last-docs .carrousel ul li {width:140px;} #footer #last-docs .carrousel ul li a {width:80px;} #footer #last-docs .all {top:161px;} #footer #total-web {margin-top:32px;} #alphabet li {margin-right:3px;} .rss #rss-feeds {float:right;width:440px;} .rss #rss-feeds .push-rss ul li {display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;width:auto;margin-right:35px;} #main.home #article {padding-top:20px;} #main.n #article {width:752px;} #main.n .half .half-left, #main.n .half .half-right {width:49%;float:left;} #main.n .half .half-right {float:right;} #main.n #sidebar {width:300px !important;margin-top:0;} #main.n #sidebar .box {width:auto;float:none;margin-left:0;} #main.n #sidebar .une img {width:250px;} #main.article-nocolumn #article {width:752px;} .home #sidebar {margin-top:20px;} .home #toolbar {top:0;} #main #cours-en-direct .half-left {width:40%;float:left;} #main #cours-en-direct .half-right {width:56%;float:right;margin-top:0;} #main.action-total #cours-en-direct .half-left {width:56%;float:left;} #main.action-total #cours-en-direct .half-right {width:40%;float:right;margin-top:0;} #body-text .drag-agenda .view {width:68%;} #body-text .draggable .go {width:98%;} #body-text .article-encadre h3 {width:102.6%;} #article-column {width:756px;} #article-column #article .default-article-intro h1 {width:100%;} #article .carrousel-enlarge {left:auto;} .with-sidebar #sidebar {width:230px;clear:none;left:auto;padding:0px 0 20px 6px;} .with-sidebar #sidebar .box {float:none;width:auto;margin-right:0;} .with-sidebar #sidebar .social .view {width:153px;} .carrousel-enlarge {width:744px;} .carrousel-enlarge .carrousel {width:627px;} .carrousel-enlarge ul li {width:310px;} .carrousel-totalweb .carrousel {width:67.3%;} .tout-sur-le-web .standard-form #geozone {width:260px;} .without-sidebar #article-column #article {width:100%;} .action-total #body-text .article-default-table {width:80%;} .action-total #cours-en-direct .article-default-table {width:100%;} .contact #contact-form .full input, .contact #contact-form .full textarea {width:74% !important;} .contact .standard-form select {width: 57%;} #popin-media-title {width:auto;} #popin-media-footer .simple-list li {width:44%;} /* #popin-media-header {background-position:top left;background-color:#000;}*/ #popin-media-intro {min-height:110px;} #popin-media-content .s-960-720 {min-height:720px;} .popin-collapsable-link {display:none;} #popin-collapsable {display:block;padding-bottom:0;} .push-invivo-big img {float:left;margin-right:10px;margin-bottom:10px;} #invivo-banner-nav li {width:12%;} #invivo-banner-nav .on {width:87%;} #popin-media-title h1 {float:left;margin-right:15px;border-right:1px solid #151515;padding-right:15px;} #popin-media-title {clear:both;} #invivo-legend p {width:24%;} #invivo-mag {padding:20px 0 0 20px;} #invivo-mag h2 {text-align:left;} #invivo-mag .view {display:block;} #invivo-mag .view-container {text-align:left;} #invivo-mag .half-right .group {margin-bottom: 36px;padding-top: 18px;} #invivo-mag .half-right .last-group {margin-bottom:20px;} #invivo-mag .half-right .group:last-child {margin-bottom:20px;} #invivo-mag .half-right h2 {margin-bottom:0;} #invivo-mag .half-right .push-invivo-small {margin-bottom:0;} #invivo-mag .half-left {width:47.3%;} #invivo-mag .push-invivo-big {margin-left:0;margin-right:0;width:auto;padding-right:30px;} #invivo-mag .push-invivo-small {margin-left:0;margin-right:30px;} } /* ==|== feature specific ======================================== */ .no-js #offset a {color:#434343;} .no-js #navs {display:block;} .no-js .article-default-table thead, .no-js .article-default-table tbody, .no-js .article-default-table tfoot {display:table-row-group;} .no-js .article-default-table::before {display:none;} .no-js .carrousel {height:auto !important;padding:10px 0 10px 20px;position:relative !important;} .no-js .carrousel ul {position:relative !important;width:auto !important;left:0 !important;} .no-js .carrousel ul li {float:left;margin-bottom:15px;} .no-js #footer-article .carrousel ul li {width:46% !important;} .no-js .prev-next {display:none !important;} .no-js #footer #total-web {height:auto;} .no-js #footer #total-web .carrousel ul, .no-js #footer #last-docs .carrousel ul {margin-top:-15px;} .no-js #footer #total-web li {margin-right:20px;} .no-js #footer .all {position:relative;clear:both;top:20px !important;} .no-js #footer #last-docs {height:auto;} .no-js #footer #last-docs .carrousel ul li .img {height:87px;} .no-js #article a[href^="http://"]:not([href^="http://www.total.com"]), .no-js #footer a[href^="http://"]:not([href^="http://www.total.com"]), .no-js #sidebar a[href^="http://"]:not([href^="http://www.total.com"]) {background:url(i/link-type.gif) no-repeat right -29px;padding-right:13px;} .no-js #mobile-nav-title {background:url(i/nav1-on.jpg) repeat-x;} .no-js .elements4 article {width:367px !important;height:124px !important;} .no-js .elements8 article {width:183px !important;height:187px !important;} .no-rgba #mosaique .text .text-block {background:url(i/mosaique-item-bg.png);background:none;} .no-csstransitions #sidebar section h1 .rss:hover {opacity:0.7;-moz-opacity:0.7;-webkit-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);-o-opacity:0.7;} .no-boxshadow .medias-publications #pub-selector fieldset input:hover, .no-boxshadow #footer #follow-us li a:hover, .no-boxshadow .with-sidebar #sidebar .social div img:hover {opacity:0.7;filter:alpha(opacity=70);} .no-rgba .article-default-table .highlight {background-image:url(i/table-highlight.png);} @media only screen and (max-width:480px) { .no-js #offset {left:auto;right:0;top:19px;} .no-js #footer #total-web li {margin:0;width:100%;margin-top:5px;} .no-js #footer #total-web .carrousel {padding-left:0;padding-top:20px;} .no-js #footer #annual-reports {position:relative;top:15px;} .no-js #footer #last-docs .carrousel {padding-top:25px;padding-left:0;} .no-js #footer #last-docs ul li {width:100%;} .no-js #footer #last-docs .all {top:10px !important;} } @media only screen and (min-width:480px) { .no-js #footer #total-web .carrousel, .no-js #footer #last-docs .carrousel {padding-left:0;padding-top:0;left:15px;width:95%;overflow:visible;} .no-js #footer #last-docs .carrousel ul li {margin-bottom: 15px;} .no-js #footer .h-container {padding-bottom:10px;} .no-js #footer #last-docs ul li {width:46%;} .no-js #footer #last-docs ul li {width:46%;} } @media only screen and (min-width:768px) { .no-js #offset {left:0;right:auto;top:0;} .no-js #footer #last-docs {bottom:auto;left:-526px;position: relative;top:90px;width: 750px;} .no-js #footer .h-container {padding-bottom:50px;} .no-js #footer #last-docs ul li {width:31%;} .no-js #footer .h-container {padding-bottom:135px;} } @media only screen and (min-width: 1003px) { .no-js #footer #last-docs {bottom:auto;left:auto;position:relative;top:auto;width:auto;} .no-js #footer .h-container {padding-bottom:50px;} } /* ==|== browser specific (risk of blindness) ======================================== */ .oldie #main .h-container {overflow:visible !important;} .ie6 #nav1 a, .ie6 #nav2 a, .ie6 #nav3 a {padding-top:0;padding-bottom:0;} .ie6 a *, .ie7 a * {cursor:pointer;} .ie6 #header h2, .ie6 #header .h2, .ie7 #header h2, .ie7 #header .h2 {top:31px !important;} .ie6 #navs {zoom:1;hasLayout:1;overflow:hidden;} .ie6 #nav1, .ie7 #nav1 {float:left;} .ie6 #nav6, .ie7 #nav6 {left:0 !important;} .ie6 #nav5 ul, .ie6 #nav5 ul li, .ie7 #nav5 ul, .ie7 #nav5 ul li {list-style:none;} .ie6 #nav5 ul li a, .ie7 #nav5 ul li a {display:inline-block;display:block;} .ie6 #nav6 .h-container, .ie7 #nav6 .h-container {zoom:1;z-index:99;hasLayout:1;} .ie6 #nav6 .h-container *, .ie7 #nav6 .h-container * {zoom:1;z-index:99;hasLayout:1;} .ie6 #main .h-container, .ie6 #footer {zoom:1;hasLayout:1;clear:both;} .ie6 #nav7 .left li {padding:0;margin:0;line-height:1em;} .ie6 #reports-n-lastdocs, .ie7 #reports-n-lastdocs {padding-top:20px;} .ie6 #article, .ie7 #article {padding-bottom:0;} .ie6 #topics, .ie7 #topics {padding-top:15px;} .ie6 #search {width:100px;} .ie6 #sidebar {padding-left:15px;} .ie6 #footer #pan-n-followable {margin-right:0px;} .ie6 #footer ul li, .ie6 #footer ul li a {margin-bottom:-5px;} .ie6 #footer #follow-us li, .ie6 #footer #follow-us li a {margin-bottom:0 !important;} .ie6 #last-docs a {margin-bottom:0 !important;} .ie6 #total-energies article h2 {width:130px;margin-right:8px;} .ie6 #article {clear:both;} .ie6 .h-container, .ie7 .h-container {overflow-x:hidden !important;height:100%;} .ie6 #language, .ie7 #language {top:4px;} .ie6 .push-carrefour div, .ie7 .push-carrefour div {margin-bottom:5px;} .ie6 .with-sidebar #sidebar, .ie7 .with-sidebar #sidebar {clear:both;zoom:1;} .ie6 .with-sidebar #sidebar {overflow:hidden;width:260px;} .ie6 .with-sidebar #sidebar .publications .pub, .ie7 .with-sidebar #sidebar .publications .pub {margin-top:5px;} .ie6 .with-sidebar #sidebar .publications .pub h2, .ie7 .with-sidebar #sidebar .publications .pub h2 {margin-top:0;margin-bottom:0px;} .ie6 .article-default-table tr td {height:35px;} .ie6 .push-carrefour div {height:78px;} .ie6 .article-encadre, .ie7 .article-encadre {margin-top:10px;} .ie6 .newspush a {background-image:url(i/link-arrow.jpg);color:#434343 !important;} .ie6 .newspush .une {background:none;} .ie6 .carrousel-enlarge ul li a, .ie6 .rss #rss-feeds .push-rss .other, .ie6 #footer .all, .ie6 #body-text .view, .ie6 #sidebar .box .view, .ie6 .with-sidebar #sidebar .publications a {background-image:url(i/link-arrow-blue.jpg);} .ie6 .n .half .half-left {width:48%;} .ie6 .n #sidebar .actus .newspush a {color:#0071BC !important;} .ie6 .default-push .img {height:70px;} .ie6 .carrousel-enlarge ul li {margin-right:13px !important;} .ie6 .carrousel-enlarge ul li a {color:#205ba1 !important;} .ie6 .prev-next, .ie6 .carrousel-enlarge .prev-next span span {background-image:url(i/prev-next.gif);} .ie6 .carrousel-enlarge .prev-next {background:url(i/streaks.gif);} .ie6 .n #body-text .half .half-left, .ie6 .n #body-text .half .half-right {width:auto;float:none;} .ie6 .article-references, .ie7 .article-references {margin-top:15px;} .ie6 .quote {margin-top:15px;} .ie6 #table-popin-close {background-image:url(i/popin-close.gif)} .ie .article-default-table thead, .ie .article-default-table tbody, .ie .article-default-table tfoot {display:block !important;} .ie .article-default-table::before {display:none;} .ie6 .article-default-table td {padding:5px 0 !important;vertical-align:top;height:auto !important;} .ie6 .plan #article h2, .ie6 #body-text h3, .ie6 .with-sidebar #sidebar .ie6 .nobg h1, .ie6 .push-carrefour h2 {background-image:url(i/streaks-line.gif);} .ie6 .article-default-table .highlight {background:none;} .ie6 #body-text .generic-form {width:100%;} .ie .generic-form input[type="checkbox"], .ie .generic-form input[type="radio"] {border:none;background:none;} .ie6 .radio {border:none;background:none;} .ie6 #mosaique .text .text-block, .ie7 #mosaique .text .text-block, .ie8 #mosaique .text .text-block, .ie9 #mosaique .text .text-block {background:url(i/bg-mozaique.png);} .ie6 #mosaique .text .text-block {background:none !important;position:relative !important;width:auto !important;bottom:auto !important;height:auto !important;} .ie6 .elements4 article {width:367px !important;height:124px !important;} .ie6 .elements8 article {width:183px !important;height:187px !important;} .ie6 #body-text, .ie7 #body-text {margin-top:10px;margin-bottom:20px;} .ie6 #body-text .half-left, .ie6 #body-text .half-right {width:45% !important;} .ie6 .medias-publications #pub-contents li h2, .ie7 .medias-publications #pub-contents li h2 {margin-bottom:5px;} .ie6 #pub-selector, .ie7 #pub-selector {margin-top:15px;} .ie6 .carrousel-enlarge .chapo, .ie7 .carrousel-enlarge .chapo {margin-top:-5px;} .ie .rss #rss-feeds .push-rss ul li {margin-right:20px !important;} .ie #count-per-page {margin:0 0 0 10px;} .ie #contact-form .radio {width:auto !important;} .ie6 #body-text .draggable-content a.view {color:#434343 !important;} .ie6 .center input, .ie7 .center input {display:inline;} .ie7 .article-default-table td, .ie6 .article-default-table td, .ie7 .article-default-table th, .ie6 .article-default-table th {border:1px solid #F2F2F2;} .ie7 .article-default-table tfoot td, .ie6 .article-default-table tfoot td {border:none;padding:0;line-height:2.3em;} .ie6 #body-text, .ie7 #body-text {margin-top:0;} .ie .generic-form .submit {display:inline-block;} .ie .article-intro .chapo {float:left;margin-top:0;} .ie7 #nav5 li li li li a, .ie6 #nav5 li li li li a {padding-top:0px;} .ie6 .alertes-mail .generic-form label {width:22%;} .ie7 .alertes-mail .generic-form label {width:22%;} .ie7 .alertes-mail #body-text .input-group li label {width:255px!important;} .ie7 .alertes-mail #body-text .input-group li input {width:16px;} .ie6 #body-text .draggable .go, .ie7 #body-text .draggable .go {width:97.5%;} .ie6 .dlable-photo img, .ie7 .dlable-photo img, .ie8 .dlable-photo img, .ie6 .shadowed, .ie7 .shadowed, .ie8 .shadowed {border:1px solid #cecece;} .ie8 .shadowed {margin-bottom:5px !important;} .ie7 #contact-form .msg label, .ie6 #contact-form .msg label {width:15%;} .ie6 .standard-results .header-footer .notice, .ie6 .medias-publications #pub-results .header-footer .notice {background: none repeat scroll 0 0 #F2F2F2;float:left;font-weight:bold;margin:0;padding:10px;max-width:60%;} .ie .contact .standard-form input {padding-left:10px !important;padding-right:10px !important;width:50px !important;} .ie7 .default-article-intro figure, .ie6 .default-article-intro figure {margin-bottom:10px;} .ie #bodytext *:first-child {margin-top:0;} .ie .article-references h3 {margin-bottom:0;} .ie .social-network:first-child .social-content h2 {margin-top:0} .ie7 #popin-media-infos {bottom:7px;} .ie7 .push-invivo-small, .ie8 .push-invivo-small, .ie6 .push-invivo-small {overflow:hidden;} .ie7 .push-invivo-small h3 {width:94% !important;} .ie6 .push-invivo-small .typeicon, .ie7 .push-invivo-small .typeicon {top:1px;} .ie7 #invivo-mag .view {margin-top:0 !important;} .ie7 #invivo-mag .half-right .group {margin-bottom:39px !important;} .ie7 #invivo-mag .half-right .last-group {margin-bottom:25px !important;} .ie7 #invivo-mag .half-left .view {position:relative;top:-15px;} .ie7 .diaporama {position:relative;overflow:hidden;} .ie8 #body-text img {max-width:inherit !important;} .ie7 .with-sidebar #sidebar .publications-small .links a {display:inline-block;} .ie #nav6 .right {top:15px;} .ie7 #nav6 .left li:hover {background-color:#fff !important;} .ie7 #nav6 .left li:hover .cols {display:block;} .ie8 #search #sq, .ie7 #search #sq, .ie6 #search #sq {line-height:1.7em;} .ie8 .with-sidebar #sidebar .box ul li, .with-sidebar #sidebar .box ol li{background-image: url("i/link-arrow-red.png"); background-repeat: no-repeat; background-position: 0 3px;} @media only screen and (min-width: 768px) { .ie6 #nav1 a, .ie6 #nav2 a, .ie6 #nav3 a {float:left;padding-bottom:4px;padding-top:8px;} .ie6 #nav2, .ie7 #nav2 {clear:both;} .ie6 #nav2, .ie6 #nav3, .ie7 #nav2, .ie7 #nav3 {float:none;display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;padding-top:0;margin-top:0;} .ie6 #nav2 li, .ie6 #nav3 li, .ie7 #nav2 li, .ie7 #nav3 li {background-position:left 16px;padding-top:0;padding-bottom:10px;} .ie6 #reports-n-lastdocs, .ie7 #reports-n-lastdocs {padding-top:0;} .ie6 #mosaique a .text-body {position:absolute;bottom:0;} .ie6 #nav1 .home a span, .ie7 #nav1 .home a span {background-image:url(i/home.gif) !important;} .ie6 #nav1 {height:58px;} .ie6 #last-docs {width:740px !important;} .ie6 .with-sidebar #sidebar {width:230px;} .ie6 .carrousel-enlarge ul li p, .ie7 .carrousel-enlarge ul li p {margin:5px 0;} .ie6 .carrousel-enlarge ul li {margin-right:35px !important;} .ie6 .n #article {overflow:hidden;} .ie6 .generic-form, .ie7 .generic-form .left-fields {width:48%;} .ie6 .generic-form .left-input-group, .ie7 .generic-form .left-input-group {width:49%;} .ie6 #body-text .left-fields, .ie6 #body-text .right-fields {width:49% !important;} .ie .medias-cp #pub-selector fieldset #period-to {width:25px !important;} } @media only screen and (min-width: 1003px) { .ie7 #nav2 {top:92px;padding-top:8px;} .ie6 #nav2 li, .ie6 #nav3 li {top:auto;} .ie6 #last-docs {width:490px !important;} .ie6 .n #body-text .half .half-left, .ie6 .n #body-text .half .half-right {width:48%;float:left;} .ie6 #nav2 {margin-top:6px;} .ie6 #nav2 li, .ie6 #nav3 li, .ie7 #nav2 li, .ie7 #nav3 li {padding-bottom:0;} .ie6 #nav2 li, .ie7 #nav2 li {background:url(i/nav3-sep.jpg) no-repeat scroll 0 0 transparent;padding-top:3px;} .ie6 #nav2 .first, .ie7 #nav2 .first {background:none;} .ie7 #search, .ie6 #search {top:40px !important;} .ie6 #main.n #body-text .half .half-right {width:43% !important;} .ie6 #footer #total-web, .ie7 #footer #total-web {margin-top:24px !important;} .ie7 .with-sidebar #sidebar .social .view, .ie6 .with-sidebar #sidebar .social .view {width: 154px;} .ie7 .with-sidebar #sidebar .social .two .view, .ie6 .with-sidebar #sidebar .social .two .view {width: 123px;} .ie7 .full-width .standard-form h2 {width:101.5% !important;} .ie7 #popin-media-intro > div {padding-right:0} .ie7 #popin-breadcrumbs, .ie7 #popin-chapo {padding-right:245px;} } /* ==|== print styles ======================================================= */ @media print { * { background: transparent !important;color: black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;box-shadow:none;-webkit-box-shadow:none; overflow: visible !important;} a, a:visited { text-decoration:underline;} a[href]:after { content: " (" attr(href) ")"; font-size:90%;} abbr[title]:after { content: " (" attr(title) ")"; } .noafter:after {content:"";display:none;} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #header .h1 {width:100%;} #header .h1 img {width:167px !important;height:53px !important;display:block !important;} #nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #offset, #sidebar, #footer-article, #footer, #language, #toolbar, #mobile-nav, #rub-selector, #invivo-banner-nav, #invivo-legend, .typeicon, form, .header-footer dl, .faq-block .go, object, embed, iframe, #alphabet, #popin-media-close, .popin-collapsable-link {display:none !important;} #total-energies {page-break-after: avoid; } .h-container, #article {width:99% !important;} #breadcrumbs a:after, #popin-breadcrumbs a:after, #header a:after, .push-carrefour a:first-of-type:after, .social-content a:first-of-type:after, #popin-media-close:after, .popin-collapsable-link:after {content:"";} .article-default-table {cursor:default;} .article-default-table thead, .article-default-table tbody, .article-default-table tfoot {display:table-row-group;} .article-default-table::before {display:none;} .text-quotetoleft .quote {float:left;width:35%;margin-right:10px;margin-bottom:15px;margin-top:0;} .text-quotetoright .quote {float:right;width:35%;margin-left:10px;margin-bottom:20px;margin-top:0;} .default-article-intro figure, .default-article-intro img {float:left;margin:0 10px 18px 0;text-align:left;} .default-article-intro figure img {float:none;margin:0;} .text-imagetoright .right {float:right;text-align:left;} .text-imagetoleft .left {float:left;text-align:left;} #popin-media-title h1 {font-size:20px;} #popin-breadcrumbs {padding-right:213px;} #popin-chapo {padding-right:213px;padding-bottom:0;} #popin-media-infos {left:auto;right:25px;} #popin-media-footer .simple-list li {float:left;width:38%;} #popin-media-content .s-960-720 {min-height:360px;} #popin-sticker-invivo {background-image:url(i/sticker-invivo.png) !important;width:185px;} #invivo-mag .push-invivo-small {margin-right:0;} #invivo-une a .content {position:absolute;top:0;right:-1px;width:265px;background:#fff !important;height:100%;} #invivo-une a {color:#fff;} #invivo-une .rubtitle {color: #FFFFFF;} #invivo-une h2 { color: #FFF;} #invivo-une p {display:block;color:#fff;} #invivo-une .link {color: #FFF;} #invivo-mag .push-invivo-big img {width:250px;height:140px;float:left;margin-right:15px;} #invivo-mag .push-invivo-big a {display:block;} #invivo-mag .push-invivo-big p {color:#000;} #invivo-mag .push-invivo-small {margin-left:76px;} #invivo-mag .push-invivo-small a {display:block;} #invivo-mag .view {display:-moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;} #invivo-mag .view-container {text-align:center;clear:both;} .faq-block {border:none;} .faq-qa div {display:block !important;} .push-carrefour a {display:block !important;width:auto !important;} .push-carrefour div {min-height:auto !important;} .social-network img {width:32% !important;} .default-push a {display:block !important;padding-bottom:10px !important;} #mosaique {height:auto !important;width:auto !important;} #mosaique * {display:block !important;position:relative !important;top:auto !important; left: auto !important; right: auto !important;bottom :auto !important;width: auto !important; height: auto !important ;} .home #sidebar {display:block !important;width:auto !important;} .smartphone {display:none !important;} #popin-media * {display:block;position:relative !important;top:auto !important; left: auto !important; right: auto !important;bottom :auto !important;width: auto !important; height: auto !important ;padding:0 !important;} #popin-share, .popin-collapsable-link, .popin-collapsable-link span {display:none !important;} #popin-media-footer .simple-list li {border:none !important;} .standard-results .header-footer .notice, .medias-publications #pub-results .header-footer .notice {width:100% !important;max-width:100% !important;} } .piksel_player { width: 100%; height: 100%; } .embed-container { position: relative; padding: 0; overflow: hidden; max-width: 100%; height: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }